|
46 | 46 | ════════════════════════════════════════════ */ |
47 | 47 |
|
48 | 48 | .md-header__button.md-logo img { |
49 | | - height: 28px; |
50 | | - width: 28px; |
| 49 | + height: 40px; |
| 50 | + width: auto; |
| 51 | + max-width: 220px; |
51 | 52 | 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"); |
53 | 59 | } |
54 | 60 |
|
55 | | -/* Light mode: invert the dark-bg logo to a light variant */ |
56 | 61 | [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; |
58 | 73 | } |
59 | 74 |
|
60 | 75 | /* ── Palette toggle visibility ── */ |
|
91 | 106 |
|
92 | 107 | [data-md-color-scheme="slate"] .md-header__title { |
93 | 108 | color: var(--ao-text); |
94 | | - font-weight: 600; |
95 | | - font-size: 14px; |
96 | | - letter-spacing: -0.3px; |
97 | 109 | } |
98 | 110 |
|
99 | 111 | [data-md-color-scheme="slate"] .md-source { |
|
129 | 141 | letter-spacing: 0; |
130 | 142 | } |
131 | 143 |
|
| 144 | +/* Center top navigation row */ |
| 145 | +.md-tabs__list { |
| 146 | + justify-content: center; |
| 147 | +} |
| 148 | + |
132 | 149 | [data-md-color-scheme="slate"] .md-tabs__link { |
133 | 150 | color: var(--ao-text-secondary); |
134 | 151 | opacity: 1; |
|
483 | 500 | background-color: #f5f3f0; |
484 | 501 | } |
485 | 502 |
|
| 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 | + |
486 | 560 | /* Sidebar */ |
487 | 561 | [data-md-color-scheme="slate"] .md-sidebar { |
488 | 562 | border-right: 0.5px solid var(--ao-border); |
|
0 commit comments