diff --git a/src/static/css/_card.css b/src/static/css/_card.css index 5dd46ca..592cc4d 100644 --- a/src/static/css/_card.css +++ b/src/static/css/_card.css @@ -82,6 +82,7 @@ .card a:active { background-color: inherit; box-shadow: none; + color: var(--fl-linkColor, var(--color-blue-600)); outline: 0.2rem solid transparent; } @@ -100,9 +101,10 @@ top: 0; } -.card:hover { +.card:hover, +.card:has(a:hover) { box-shadow: 0 0 0 0.0625rem var(--fl-linkColor, var(--card-border-hover)) inset; - color: var(--fl-linkColor); + color: var(--fl-linkColor, var(--color-black)); } .card:hover .header { @@ -121,6 +123,7 @@ box-shadow: 0 0 0 0.0625rem var(--fl-linkColor, var(--color-green-100)) inset, 0 0 0 0.125rem var(--fl-linkColor, transparent) inset; + color: var(--fl-linkColor, var(--color-black)); } .card:has(a:active) .header, @@ -133,7 +136,7 @@ 0 0 0 0.125rem var(--fl-linkColor, var(--card-focus-border)) inset, 0 0 0 0.125rem var(--fl-bgColor, transparent), 0 0 0 0.25rem var(--fl-linkColor, transparent); - color: var(--fl-linkColor); + color: var(--fl-linkColor, var(--color-black)); } .card:focus-within .header { diff --git a/src/static/css/_variables.css b/src/static/css/_variables.css index 3568ec4..ad95936 100644 --- a/src/static/css/_variables.css +++ b/src/static/css/_variables.css @@ -150,7 +150,7 @@ (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) / (var(--fluid-max-width) - var(--fluid-min-width)) ); - --f--1-min: 12.4444; + --f--1-min: 12; --f--1-max: 14; --step--1: calc( @@ -164,21 +164,21 @@ ((var(--f-0-min) / 16) * 1rem) + (var(--f-0-max) - var(--f-0-min)) * var(--fluid-bp) ); - --f-1-min: 28.4444; + --f-1-min: 28; --f-1-max: 32; --step-1: calc( ((var(--f-1-min) / 16) * 1rem) + (var(--f-1-max) - var(--f-1-min)) * var(--fluid-bp) ); - --f-2-min: 46.2222; + --f-2-min: 36; --f-2-max: 52; --step-2: calc( ((var(--f-2-min) / 16) * 1rem) + (var(--f-2-max) - var(--f-2-min)) * var(--fluid-bp) ); - --f-3-min: 78.2222; + --f-3-min: 48; --f-3-max: 88; --step-3: calc( diff --git a/src/static/design-system/css/reset.css b/src/static/design-system/css/reset.css index 229f66f..3b6a81c 100644 --- a/src/static/design-system/css/reset.css +++ b/src/static/design-system/css/reset.css @@ -1,6 +1,6 @@ /* Reset */ body { - color: var(--fl-fgColor, var(--color-green-700)); + color: var(--fl-fgColor, var(--color-green-800)); font-family: var(--font-system, sans-serif); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;