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

@ -31,7 +31,7 @@
}
i {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
}
}
@ -71,7 +71,7 @@
align-items: center;
justify-content: center;
gap: 10px;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
.main-value {
font-size: var(--font-size-24);
@ -153,7 +153,7 @@
cursor: pointer;
padding: 5px;
background: light-dark(@dark-blue-10, @golden-10);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
&.finished {
background-color: initial;

View file

@ -93,7 +93,7 @@
}
a[href] {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
a[href]:hover,

View file

@ -17,7 +17,7 @@
position: relative;
border: 0;
box-shadow: none;
color: var(--color-text-primary);
color: @color-text-primary;
width: 300px;
pointer-events: all;
align-self: flex-end;

View file

@ -200,7 +200,7 @@
font-weight: bold;
border-radius: 3px;
background-color: light-dark(@dark-blue-40, @golden-40);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
.subfolder-list {
@ -218,7 +218,7 @@
font-weight: bold;
border-radius: 3px;
background-color: light-dark(@dark-blue-10, @golden-10);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
.wrapper {
@ -265,7 +265,7 @@
.item-list-header {
align-items: center;
background-color: light-dark(@dark-15, @dark-golden-80);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 3px;
min-height: 30px;

View file

@ -61,7 +61,7 @@
display: flex;
align-items: center;
gap: 4px;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
i {
font-size: 14px;

View file

@ -1,7 +1,7 @@
@import '../../utils/colors.less';
.daggerheart.dh-style.setting {
--color-form-label: var(--color-text-primary);
--color-form-label: @color-text-primary;
h2,
h3,

View file

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