Skip to content

Commit 288cfc4

Browse files
committed
Hyperlink: Add opacity to hyperlink default
Update --color-brand to use oklch (perceptual color grading)
1 parent 8ef93fc commit 288cfc4

File tree

1 file changed

+11
-5
lines changed

1 file changed

+11
-5
lines changed

assets/css/v2/style.css

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
/* base rem = 16px by default, left as percentage for screen readers */
1212
font-size: 100%;
1313

14-
--color-brand: #009639;
14+
--color-brand: 56.6% 0.194 147.7;
1515
--color-brand-300: #a6daba;
1616
--color-brand-200: #ccead7;
1717
--color-brand-100: #f2faf5;
@@ -391,7 +391,7 @@ nav {
391391
display: inline-block !important;
392392
width: 95vw;
393393
grid-column: 1 / -1;
394-
--atomic-primary: var(--color-brand);
394+
--atomic-primary: oklch(var(--color-brand));
395395
--atomic-border-radius-lg: 0;
396396
--atomic-border-radius-md: 0;
397397
--atomic-border-radius: 0;
@@ -481,7 +481,7 @@ atomic-search-layout atomic-layout-section[section="search"] {
481481
display: flex;
482482
align-items: center;
483483
justify-content: space-between;
484-
background-color: var(--color-brand);
484+
background-color: oklch(var(--color-brand));
485485
color: var(--color-brand-100);
486486
border: none;
487487
font-size: 1.25rem;
@@ -692,7 +692,7 @@ atomic-search-layout atomic-layout-section[section="search"] {
692692
}
693693

694694
.sidebar .sidebar-navigation ul li .current {
695-
background-color: var(--color-brand);
695+
background-color: oklch(var(--color-brand));
696696
z-index: 999;
697697
}
698698

@@ -815,7 +815,13 @@ p {
815815
}
816816

817817
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);
819825
}
820826

821827
h1 {

0 commit comments

Comments
 (0)