Difference between revisions of "Common.css"
Stratonian (talk | contribs) m (made colors specific to dark themes, futureproofing in case of light theme) |
Stratonian (talk | contribs) (reduced motion settings) |
||
Line 28: | Line 28: | ||
.paladin { background-color: var(--hero-paladin); } | .paladin { background-color: var(--hero-paladin); } | ||
.warmonger { background-color: var(--hero-warmonger); } | .warmonger { background-color: var(--hero-warmonger); } | ||
+ | |||
+ | /* REDUCED MOTION SETTINGS */ | ||
+ | @media (prefers-reduced-motion: reduce) | ||
+ | { | ||
+ | *, ::before, ::after | ||
+ | { | ||
+ | animation-delay: -1ms !important; | ||
+ | animation-duration: 1ms !important; | ||
+ | animation-iteration-count: 1 !important; | ||
+ | background-attachment: initial !important; | ||
+ | scroll-behavior: auto !important; | ||
+ | transition-duration: 0s !important; | ||
+ | transition-delay: 0s !important; | ||
+ | } | ||
+ | } |
Revision as of 19:40, 27 February 2023
/* DARK THEMES */ body.skin-darkbootstrap, body.skin-dark { /* NPC colors */ --NPC--ally: #169011; --NPC--neutral: #df8234; --NPC--enemy: #af211d; /* class colors */ --hero--bomber: #fb5f5f; --hero--champion: #9557cc; --hero--mercenary: #b23f1d; --hero--pain-reaper: #381539; --hero--paladin: #b46f08; /* adjusted */ --hero--warmonger: #b8312f; /* quality colors */ --quality--common: #9e98a0; /* adjusted */ --quality--uncommon: #af211d; --quality--rare: #187c9d; --quality--epic: #93408c; --quality--legendary: #c4a00f; /* adjusted */ } /* CLASS COLORS */ .bomber { background-color: var(--hero--bomber); } .champion { background-color: var(--hero--champion); } .pain.reaper { background-color: var(--hero--pain-reaper); } .paladin { background-color: var(--hero-paladin); } .warmonger { background-color: var(--hero-warmonger); } /* REDUCED MOTION SETTINGS */ @media (prefers-reduced-motion: reduce) { *, ::before, ::after { animation-delay: -1ms !important; animation-duration: 1ms !important; animation-iteration-count: 1 !important; background-attachment: initial !important; scroll-behavior: auto !important; transition-duration: 0s !important; transition-delay: 0s !important; } }