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

@ -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) {