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