User:Hubianzhen/common.css: Difference between revisions
Hubianzhen (talk | contribs) Blanked the page Tag: Blanking |
Hubianzhen (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
/* light mode css, adapted from User:Polavux/common.css */ | |||
/* caution: experimental feature; will only enable if I have css design things to do */ | |||
/*:root { | |||
--color-base: #1f150f; | |||
--color-base--hover: var(--color-emphasized); | |||
--color-subtle: #5d564e; | |||
--color-emphasized: #0f0605; | |||
--color-notice: var(--color-base); | |||
--color-progressive: #2dafdf; | |||
--color-progressive--hover: #7fc6ef; | |||
--color-progressive--active: #cbd6f6; | |||
--color-visited: var(--color-progressive--hover); | |||
--color-destructive: #ef6266; | |||
--color-destructive--hover: #ff91a4; | |||
--text-external: #8891df; | |||
--text-external--hover: #b6c3ff; | |||
--background-color-base: #f6f6f6; | |||
--background-color-neutral-subtle: #dcdcdc; | |||
--background-color-neutral: #a2a9b1; | |||
--background-color-interactive: var(--background-color-neutral); | |||
--background-color-interactive-subtle: var(--background-color-neutral-subtle); | |||
--background-color-notice-subtle: var(--background-color-neutral-subtle); | |||
--background-color-progressive--focus: #ff00ff; | |||
--background-color-progressive-subtle: #ff00ff; | |||
--background-color-progressive-subtle--hover: #ff00ff; | |||
--background-color-progressive-subtle--active: #ff00ff; | |||
--background-color-object-base: #c0a886; | |||
--background-color-object-neutral-subtle: #b8a282; | |||
--background-color-object-neutral: #d0bd97; | |||
--border-color-object-base: #ff00ff; | |||
--border-color-object-subtle: #ff00ff; | |||
--bg-border-primary: #ff00ff; | |||
--bg-border-secondary: #ff00ff; | |||
--item-highlight: #ff00ff; | |||
--background-color-error-subtle: #ff00ff; | |||
--background-color-warning-subtle: #ff00ff; | |||
--background-color-success-subtle: #ff00ff; | |||
--border-color-error: #ff00ff; | |||
--border-color-warning: #ff00ff; | |||
--border-color-success: #ff00ff; | |||
--border-color-notice: #ff00ff; | |||
--color-content-added: #ff00ff; | |||
--color-content-removed: #ff00ff; | |||
--background-color-content-added: #ff00ff; | |||
--background-color-content-removed: #ff00ff; | |||
--border-color-content-added: #ff00ff; | |||
--border-color-content-removed: #ff00ff;*/ | |||
/*--text: #202122!important; | |||
--text-emphasized: #000000!important; | |||
--text-subtle: #a2a9b1; | |||
--text-link: #0645ad!important; | |||
--text-link--hover: #7fc6ef; | |||
--text-external: #8891df; | |||
--text-external--hover: #b6c3ff; | |||
--text-redlink: #ef6266; | |||
--text-redlink--hover: #ff91a4; | |||
--bg-primary: #a2a9b1!important; | |||
--bg-secondary: #dcdcdc!important; | |||
--bg-tertiary: #f6f6f6!important; | |||
--bg-border-primary: #909ac2; | |||
--bg-border-secondary: #cadcff; | |||
--item-primary: #c0a886!important; | |||
--item-secondary: #b8a282!important; | |||
--item-tertiary: #d0bd97!important; | |||
--item-border-primary: #5e524c; | |||
--item-border-secondary: #7d716b; | |||
--item-highlight: #20315a; | |||
--bg-error: #ff4242; | |||
--bg-warning: #301d00; | |||
--bg-success: #00261e; | |||
--bg-notice: #202122; | |||
--bg-error-subtle: #421211; | |||
--bg-warning-subtle: #301d00; | |||
--bg-success-subtle: #00261e; | |||
--bg-notice-subtle: #202122; | |||
--border-error: #ff4242; | |||
--border-warning: #fc3; | |||
--border-success: #00af89; | |||
--border-notice: #c8ccd1; | |||
--text-added: #44c97c; | |||
--text-removed: #ef6164; | |||
--bg-added: #2a4b8d; | |||
--bg-removed: #a66200; | |||
--border-added: #2a4b8d; | |||
--border-removed: #a66200;*/ | |||
/*}*/ | |||