Add emphatic color variable and set up scoped based overrides for core variables

This commit is contained in:
Carlos Fernandez 2026-05-26 02:18:34 -04:00
parent e529dd0f88
commit 475b8bd149
36 changed files with 86 additions and 71 deletions

View file

@ -103,7 +103,7 @@
padding: 5px 0;
margin-bottom: 8px;
font-size: var(--font-size-12);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
.missing-header-feature {
opacity: 0.5;
@ -170,7 +170,7 @@
display: flex;
gap: 4px;
background-color: light-dark(transparent, @dark-blue);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
padding: 5px 10px;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
@ -182,7 +182,7 @@
font-size: var(--font-size-14);
font-weight: bold;
text-transform: uppercase;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
margin-right: 4px;
}
@ -195,7 +195,7 @@
font-size: var(--font-size-14);
font-weight: bold;
text-transform: uppercase;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
img {

View file

@ -54,7 +54,7 @@
span {
margin: 1px;
width: 26px;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
&.list-icon {
i {

View file

@ -286,7 +286,7 @@
h4,
i {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
}
}
@ -314,7 +314,7 @@
z-index: 1;
background: @dark-blue;
justify-content: center;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
.armor-slot {
cursor: pointer;
@ -348,7 +348,7 @@
.label,
.value,
i {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
}
@ -513,7 +513,7 @@
align-self: center;
gap: 10px;
background-color: light-dark(transparent, @dark-blue);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
padding: 5px 10px;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
@ -525,7 +525,7 @@
font-size: var(--font-size-14);
font-weight: bold;
text-transform: uppercase;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
&.threshold-value {
color: light-dark(@dark, @beige);