Template:PI/styles.css: Difference between revisionsGive feedback
Gammaton32 (talk | contribs) No edit summary |
Use the sitewide scaling color tokens instead of hardcoded colors, so the values adapt to light mode (with help from vergir-bot LLM) |
||
| Line 1: | Line 1: | ||
/* Colors come from the scaling tokens defined in [[MediaWiki:Gadget-brownTheme.css]]. | |||
The literal fallbacks keep the dark-mode appearance if that gadget is disabled. */ | |||
.pi-wrapper { | .pi-wrapper { | ||
z-index: 1; | z-index: 1; | ||
| Line 5: | Line 8: | ||
left: -6px; | left: -6px; | ||
font-family: 'Retail Demo Regular', 'PT Serif', 'Palatino', serif; | font-family: 'Retail Demo Regular', 'PT Serif', 'Palatino', serif; | ||
color: #99ffd6; | color: var(--color-scaling-boon, #99ffd6); | ||
} | } | ||
.pi-text { | .pi-text { | ||
color: #99ffd6; | color: var(--color-scaling-boon, #99ffd6); | ||
text-shadow: 1.5px 1.5px rgba(0, 0, 0, 0.6); | text-shadow: 1.5px 1.5px rgba(0, 0, 0, 0.6); | ||
font-weight: bold; | font-weight: bold; | ||
background-color: rgba(33, 33, 29, 0.6); | background-color: var(--background-color-scaling-boon, rgba(33, 33, 29, 0.6)); | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: 2px 2px 0px 2px; | padding: 2px 2px 0px 2px; | ||
| Line 37: | Line 40: | ||
.pi-value { | .pi-value { | ||
color: #aaa; | color: var(--color-scaling-boon-value, #aaa); | ||
font-size: 0.75em; | font-size: 0.75em; | ||
font-variant-numeric: tabular-nums; | font-variant-numeric: tabular-nums; | ||
| Line 46: | Line 49: | ||
.pi-compact:hover .pi-value { | .pi-compact:hover .pi-value { | ||
color: #ccc; | color: var(--color-scaling-boon-value--hover, #ccc); | ||
transition: color 0.15s ease; | transition: color 0.15s ease; | ||
} | } | ||