Add emphatic color variable and set up scoped based overrides for core variables (#1932)
Some checks are pending
Project CI / build (24.x) (push) Waiting to run

This commit is contained in:
Carlos Fernandez 2026-05-26 16:18:52 -04:00 committed by GitHub
parent c2f8b34ef2
commit fa6f9d56b8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
36 changed files with 86 additions and 71 deletions

View file

@ -37,7 +37,7 @@
&:hover {
border: 1px solid light-dark(@dark-blue, @golden);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
}
}
@ -81,7 +81,7 @@
cursor: pointer;
padding: 5px;
background: light-dark(@dark-blue-10, @golden-10);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
.label {
font-style: normal;

View file

@ -14,7 +14,7 @@
box-shadow: 0 4px 30px @soft-shadow;
backdrop-filter: blur(9.5px);
outline: 2px solid transparent;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
border: 1px solid light-dark(@dark, @beige);
transition: all 0.3s ease;
@ -107,7 +107,7 @@
&:hover {
background: light-dark(@light-black, @dark-blue);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
&.glow {
@ -128,7 +128,7 @@
&.reverted {
background: light-dark(@dark-blue-10, @golden-10);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
border: 1px solid light-dark(@dark, transparent);
&:hover {
background: light-dark(transparent, @golden);
@ -175,7 +175,7 @@
height: inherit;
.tag {
padding: 0.3rem 0.5rem;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
background-color: light-dark(@dark-blue-10, @golden-40);
border-radius: 3px;
transition: 0.13s ease-out;
@ -353,7 +353,7 @@
legend {
font-weight: bold;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
&.with-icon {
display: flex;
@ -571,7 +571,7 @@
border: 0;
&:hover {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
&:not(:first-child) {

View file

@ -13,7 +13,7 @@
legend {
font-weight: bold;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
font-size: var(--font-size-12);
}
@ -25,7 +25,7 @@
button {
background: light-dark(@light-black, @dark-blue);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
outline: none;
box-shadow: none;
border: 1px solid light-dark(@dark-blue, @dark-blue);

View file

@ -53,7 +53,7 @@
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
z-index: 1;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
width: fit-content;
.slot {

View file

@ -43,7 +43,7 @@ body.game:is(.performance-low, .noblur) {
&:hover {
border-color: light-dark(@dark-blue, @golden);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
}
}

View file

@ -20,7 +20,7 @@
white-space: nowrap;
a {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
}
}