|
11 | 11 | /* base rem = 16px by default, left as percentage for screen readers */
|
12 | 12 | font-size: 100%;
|
13 | 13 |
|
14 |
| - --color-brand: #009639; |
| 14 | + --color-brand: 56.6% 0.194 147.7; |
15 | 15 | --color-brand-300: #a6daba;
|
16 | 16 | --color-brand-200: #ccead7;
|
17 | 17 | --color-brand-100: #f2faf5;
|
@@ -391,7 +391,7 @@ nav {
|
391 | 391 | display: inline-block !important;
|
392 | 392 | width: 95vw;
|
393 | 393 | grid-column: 1 / -1;
|
394 |
| - --atomic-primary: var(--color-brand); |
| 394 | + --atomic-primary: oklch(var(--color-brand)); |
395 | 395 | --atomic-border-radius-lg: 0;
|
396 | 396 | --atomic-border-radius-md: 0;
|
397 | 397 | --atomic-border-radius: 0;
|
@@ -481,7 +481,7 @@ atomic-search-layout atomic-layout-section[section="search"] {
|
481 | 481 | display: flex;
|
482 | 482 | align-items: center;
|
483 | 483 | justify-content: space-between;
|
484 |
| - background-color: var(--color-brand); |
| 484 | + background-color: oklch(var(--color-brand)); |
485 | 485 | color: var(--color-brand-100);
|
486 | 486 | border: none;
|
487 | 487 | font-size: 1.25rem;
|
@@ -692,7 +692,7 @@ atomic-search-layout atomic-layout-section[section="search"] {
|
692 | 692 | }
|
693 | 693 |
|
694 | 694 | .sidebar .sidebar-navigation ul li .current {
|
695 |
| - background-color: var(--color-brand); |
| 695 | + background-color: oklch(var(--color-brand)); |
696 | 696 | z-index: 999;
|
697 | 697 | }
|
698 | 698 |
|
|
815 | 815 | }
|
816 | 816 |
|
817 | 817 | a {
|
818 |
| - color: var(--color-brand); |
| 818 | + color: oklch(var(--color-brand)); |
| 819 | + text-decoration-color: oklch(var(--color-brand) / 0.3); |
| 820 | + transition: text-decoration-color 0.15s ease-in-out; |
| 821 | +} |
| 822 | + |
| 823 | +a:hover { |
| 824 | + text-decoration-color: oklch(var(--color-brand) / 0.8); |
819 | 825 | }
|
820 | 826 |
|
821 | 827 | h1 {
|
|
0 commit comments