User:WOSlinker/CSSvars

class="wikitable"

! CSS Variable

! colspan=2 | Lightmode

! colspan=2 | Darkmode

{{User:WOSlinker/CSSvars/row|var=--color-base|lightcolor=#202122;|darkcolor=#eaecf0;}}

{{User:WOSlinker/CSSvars/row|var=--color-base--hover|lightcolor=#404244;|darkcolor=#f8f9fa;}}

{{User:WOSlinker/CSSvars/row|var=--color-emphasized|lightcolor=#000;|darkcolor=#f8f9fa;}}

{{User:WOSlinker/CSSvars/row|var=--color-subtle|lightcolor=#54595d;|darkcolor=#a2a9b1;}}

{{User:WOSlinker/CSSvars/row|var=--color-inverted|lightcolor=#fff;|darkcolor=#101418;}}

{{User:WOSlinker/CSSvars/row|var=--color-progressive|lightcolor=#36c;|darkcolor=#6d8af2;}}

{{User:WOSlinker/CSSvars/row|var=--color-progressive--hover|lightcolor=#447ff5;|darkcolor=#afb6e9;}}

{{User:WOSlinker/CSSvars/row|var=--color-progressive--active|lightcolor=#2a4b8d;|darkcolor=#c2d1f0;}}

{{User:WOSlinker/CSSvars/row|var=--color-destructive|lightcolor=#d73333;|darkcolor=#ff4242;}}

{{User:WOSlinker/CSSvars/row|var=--color-destructive--hover|lightcolor=#ff4242;|darkcolor=#ef8174;}}

{{User:WOSlinker/CSSvars/row|var=--color-destructive--active|lightcolor=#b32424;|darkcolor=#f8a397;}}

{{User:WOSlinker/CSSvars/row|var=--color-visited|lightcolor=#6b4ba1;|darkcolor=#977dbd;}}

{{User:WOSlinker/CSSvars/row|var=--color-destructive--visited|lightcolor=#a55858;|darkcolor=#b97876;}}

{{User:WOSlinker/CSSvars/row|var=--color-error|lightcolor=#d73333;|darkcolor=#ff4242;}}

{{User:WOSlinker/CSSvars/row|var=--color-warning|lightcolor=#edab00;|darkcolor=#fc3;}}

{{User:WOSlinker/CSSvars/row|var=--color-success|lightcolor=#14866d;|darkcolor=#00af89;}}

{{User:WOSlinker/CSSvars/row|var=--color-notice|lightcolor=#202122;|darkcolor=#f8f9fa;}}

{{User:WOSlinker/CSSvars/row|var=--color-content-added|lightcolor=#096450;|darkcolor=#74c9ac;}}

{{User:WOSlinker/CSSvars/row|var=--color-content-removed|lightcolor=#b32424;|darkcolor=#ef8174;}}

{{User:WOSlinker/CSSvars/row|var=--box-shadow-color-base|lightcolor=#000;|darkcolor=#fff;}}

{{User:WOSlinker/CSSvars/row|var=--box-shadow-color-inverted|lightcolor=#fff;|darkcolor=#000;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-interactive|lightcolor=#eaecf0;|darkcolor=#27292d;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-interactive-subtle|lightcolor=#f8f9fa;|darkcolor=#202122;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-disabled|lightcolor=#c8ccd1;|darkcolor=#54595d;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-disabled-subtle|lightcolor=#eaecf0;|darkcolor=#404244;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-progressive-subtle|lightcolor=#eaf3ff;|darkcolor=#1c2940;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-destructive-subtle|lightcolor=#fee7e6;|darkcolor=#421211;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-error|lightcolor=#d73333;|darkcolor=#ff4242;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-error--hover|lightcolor=#ff4242;|darkcolor=#ef8174;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-error--active|lightcolor=#b32424;|darkcolor=#f8a397;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-error-subtle|lightcolor=#fee7e6;|darkcolor=#421211;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-warning-subtle|lightcolor=#fef6e7;|darkcolor=#301d00;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-success-subtle|lightcolor=#d5fdf4;|darkcolor=#00261e;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-notice-subtle|lightcolor=#eaecf0;|darkcolor=#202122;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-content-added|lightcolor=#afb6e9;|darkcolor=#2a4b8d;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-content-removed|lightcolor=#fc3;|darkcolor=#a66200;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-backdrop-light|lightcolor= rgba(255,255,255,0.65);|darkcolor= rgba(0,0,0,0.65);}}

{{User:WOSlinker/CSSvars/row|var=--background-color-backdrop-dark|lightcolor= rgba(0,0,0,0.65);|darkcolor= rgba(255,255,255,0.65);}}

{{User:WOSlinker/CSSvars/row|var=--background-color-base|lightcolor=#fff;|darkcolor=#101418;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-neutral|lightcolor=#eaecf0;|darkcolor=#27292d;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-neutral-subtle|lightcolor=#f8f9fa;|darkcolor=#202122;}}

{{User:WOSlinker/CSSvars/row|var=--background-color-inverted|lightcolor=#101418;|darkcolor=#f8f9fa;}}

{{User:WOSlinker/CSSvars/row|var=--border-color-base|lightcolor=#a2a9b1;|darkcolor=#72777d;}}

{{User:WOSlinker/CSSvars/row|var=--border-color-interactive|lightcolor=#72777d;|darkcolor=#a2a9b1;}}

{{User:WOSlinker/CSSvars/row|var=--border-color-disabled|lightcolor=#c8ccd1;|darkcolor=#54595d;}}

{{User:WOSlinker/CSSvars/row|var=--border-color-subtle|lightcolor=#c8ccd1;|darkcolor=#54595d;}}

{{User:WOSlinker/CSSvars/row|var=--border-color-muted|lightcolor=#eaecf0;|darkcolor=#404244;}}

{{User:WOSlinker/CSSvars/row|var=--border-color-inverted|lightcolor=#fff;|darkcolor=#101418;}}

{{User:WOSlinker/CSSvars/row|var=--border-color-error|lightcolor=#b32424;|darkcolor=#ff4242;}}

{{User:WOSlinker/CSSvars/row|var=--border-color-error--hover|lightcolor=#ff4242;|darkcolor=#ef8174;}}

{{User:WOSlinker/CSSvars/row|var=--border-color-warning|lightcolor=#a66200;|darkcolor=#fc3;}}

{{User:WOSlinker/CSSvars/row|var=--border-color-success|lightcolor=#096450;|darkcolor=#00af89;}}

{{User:WOSlinker/CSSvars/row|var=--border-color-notice|lightcolor=#54595d;|darkcolor=#c8ccd1;}}

{{User:WOSlinker/CSSvars/row|var=--border-color-content-added|lightcolor=#afb6e9;|darkcolor=#2a4b8d;}}

{{User:WOSlinker/CSSvars/row|var=--border-color-content-removed|lightcolor=#fc3;|darkcolor=#a66200}}