Skip to content

Commit 3936951

Browse files
authored
docs: update website branding assets and header logo behavior (#68)
1 parent ff28fa3 commit 3936951

7 files changed

Lines changed: 84 additions & 12 deletions
144 KB
Loading
145 KB
Loading
141 KB
Loading
141 KB
Loading
313 KB
Loading

docs/stylesheets/extra.css

Lines changed: 82 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -46,15 +46,30 @@
4646
════════════════════════════════════════════ */
4747

4848
.md-header__button.md-logo img {
49-
height: 28px;
50-
width: 28px;
49+
height: 40px;
50+
width: auto;
51+
max-width: 220px;
5152
object-fit: contain;
52-
border-radius: 6px;
53+
filter: none !important;
54+
}
55+
56+
/* Swap full-wordmark text color by theme (dark=white, light=black) */
57+
[data-md-color-scheme="slate"] .md-header__button.md-logo img {
58+
content: url("../assets/logo-full-text-transparent-dark-v2.png");
5359
}
5460

55-
/* Light mode: invert the dark-bg logo to a light variant */
5661
[data-md-color-scheme="default"] .md-header__button.md-logo img {
57-
filter: invert(0.88) hue-rotate(180deg) brightness(1.3) contrast(0.95);
62+
content: url("../assets/logo-full-text-transparent-light-v2.png");
63+
}
64+
65+
/* Wordmark already includes text; keep only image in header */
66+
.md-header__button.md-logo {
67+
margin-right: 0.7rem;
68+
}
69+
70+
.md-header__title .md-header__topic,
71+
.md-header__title .md-header__topic + .md-header__topic {
72+
display: none;
5873
}
5974

6075
/* ── Palette toggle visibility ── */
@@ -91,9 +106,6 @@
91106

92107
[data-md-color-scheme="slate"] .md-header__title {
93108
color: var(--ao-text);
94-
font-weight: 600;
95-
font-size: 14px;
96-
letter-spacing: -0.3px;
97109
}
98110

99111
[data-md-color-scheme="slate"] .md-source {
@@ -129,6 +141,11 @@
129141
letter-spacing: 0;
130142
}
131143

144+
/* Center top navigation row */
145+
.md-tabs__list {
146+
justify-content: center;
147+
}
148+
132149
[data-md-color-scheme="slate"] .md-tabs__link {
133150
color: var(--ao-text-secondary);
134151
opacity: 1;
@@ -483,6 +500,63 @@
483500
background-color: #f5f3f0;
484501
}
485502

503+
/* Header controls: match nav typography + alignment */
504+
.md-search__input,
505+
.md-source__repository,
506+
.md-source__facts,
507+
.md-tabs__link {
508+
font-family: "DM Sans", sans-serif;
509+
}
510+
511+
.md-search__input {
512+
font-size: 13px;
513+
font-weight: 400;
514+
line-height: 1.2;
515+
}
516+
517+
.md-source__repository,
518+
.md-source__facts {
519+
font-size: 13px;
520+
font-weight: 400;
521+
}
522+
523+
.md-search,
524+
.md-header__source {
525+
align-self: center;
526+
}
527+
528+
/* Make magnifier icon color match search text exactly */
529+
.md-search__icon,
530+
.md-search__icon .md-icon,
531+
.md-search__icon svg {
532+
color: inherit !important;
533+
fill: currentColor !important;
534+
}
535+
536+
[data-md-color-scheme="slate"] .md-search__input,
537+
[data-md-color-scheme="slate"] .md-search__icon,
538+
[data-md-color-scheme="slate"] .md-header__source {
539+
color: var(--ao-text-secondary);
540+
}
541+
542+
[data-md-color-scheme="slate"] .md-search__input:focus,
543+
[data-md-color-scheme="slate"] .md-search:hover,
544+
[data-md-color-scheme="slate"] .md-header__source:hover {
545+
color: var(--ao-text);
546+
}
547+
548+
[data-md-color-scheme="default"] .md-search__input,
549+
[data-md-color-scheme="default"] .md-search__icon,
550+
[data-md-color-scheme="default"] .md-header__source {
551+
color: #64748b;
552+
}
553+
554+
[data-md-color-scheme="default"] .md-search__input:focus,
555+
[data-md-color-scheme="default"] .md-search:hover,
556+
[data-md-color-scheme="default"] .md-header__source:hover {
557+
color: #1e1e2e;
558+
}
559+
486560
/* Sidebar */
487561
[data-md-color-scheme="slate"] .md-sidebar {
488562
border-right: 0.5px solid var(--ao-border);

mkdocs.yml

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -38,8 +38,8 @@ theme:
3838
- search.suggest
3939
- search.highlight
4040
- toc.follow
41-
logo: assets/logo.png
42-
favicon: assets/logo.png
41+
logo: assets/logo-full-text-transparent-dark-v2.png
42+
favicon: assets/logo-icon-transparent.png
4343
icon:
4444
repo: fontawesome/brands/github
4545

@@ -58,8 +58,6 @@ nav:
5858
- LangChain: examples/langchain.md
5959
- CrewAI: examples/crewai.md
6060
- LlamaIndex: examples/llamaindex.md
61-
- Benchmark Results:
62-
- benchmark-results/index.md
6361
- API Reference:
6462
- Selectors: api/selectors.md
6563
- Results: api/results.md

0 commit comments

Comments
 (0)