mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-06-06 04:44:16 +02:00
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
Some checks are pending
Project CI / build (24.x) (push) Waiting to run
This commit is contained in:
parent
c2f8b34ef2
commit
fa6f9d56b8
36 changed files with 86 additions and 71 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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) {
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
white-space: nowrap;
|
||||
|
||||
a {
|
||||
color: light-dark(@dark-blue, @golden);
|
||||
color: @color-text-emphatic;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue