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

@ -7,7 +7,7 @@
border-top: 0;
a {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
&[disabled] {
opacity: 0.4;

View file

@ -67,7 +67,6 @@
i {
font-size: 18px;
// color: light-dark(@dark-blue, @golden);
}
}
}

View file

@ -56,7 +56,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;
@ -129,7 +129,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

@ -37,7 +37,7 @@
.activity-marker {
font-size: 0.5rem;
flex: none;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
margin-right: 4px;
}

View file

@ -1,5 +1,5 @@
h1 {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
font: 700 var(--font-size-24) var(--dh-font-subtitle);
text-align: center;
}

View file

@ -110,7 +110,7 @@
display: flex;
flex-direction: row;
button {
--button-text-color: var(--color-text-primary);
--button-text-color: @color-text-primary;
--button-size: 1.5em;
padding: 0 var(--spacer-4);
img {

View file

@ -19,7 +19,7 @@
a,
span {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
}
}

View file

@ -35,7 +35,7 @@
width: 120px;
height: 120px;
background: light-dark(@dark-blue-10, @golden-10);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
&.selected {
background: light-dark(@dark-blue-40, @golden-40);

View file

@ -62,7 +62,7 @@
padding: 5rem 4px var(--spacer-8) 4px;
text-align: center;
color: var(--color-text-primary);
color: @color-text-primary;
text-shadow: 1px 1px 2px var(--shadow-color), 0 0 10px var(--shadow-color);
.smooth-gradient-ease-in-out(background-image, to bottom, var(--shadow-color), 100%);
}

View file

@ -1,6 +1,6 @@
.daggerheart.dialog.dh-style.views.tag-team-dialog .window-content {
h1 {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
font: 700 var(--font-size-24) var(--dh-font-subtitle);
text-align: center;
}
@ -64,7 +64,7 @@
.roll-title {
font-size: var(--font-size-20);
font-weight: bold;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
text-align: center;
display: flex;
align-items: center;
@ -72,7 +72,7 @@
&::before,
&::after {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
content: '';
flex: 1;
height: 2px;
@ -202,7 +202,7 @@
justify-content: center;
i {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
font-size: 48px;
&.inactive {