User:Polavux/common.css: Difference between revisions
Jump to navigation
Jump to search
Created page with "→light mode palette wip: →note: do not try this yourself or you will crap your pants and die: :root { --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..." |
mNo edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* light mode palette wip */ | /* light mode palette wip */ | ||
/* note: do not try this yourself or you will crap your pants and die */ | /* note: do not try this yourself or you will crap your pants and probably die because of it */ | ||
:root { | /*:root { | ||
-- | color-scheme: light!important; | ||
-- | --invert: none; | ||
--invert-and-hue-rotate: none; | |||
--color-base: #202122!important; | |||
--color-subtle: #36414f!important; | |||
--color-emphasized: #000000!important; | |||
--color-progressive: #0645ad!important; | |||
--color-progressive--hover: #7fc6ef!important; | |||
--color-progressive--active: #cbd6f6; | |||
--color-destructive: #ef6266!important; | |||
--color-destructive--hover: #ff91a4!important; | |||
--text-external: #8891df; | --text-external: #8891df; | ||
--text-external--hover: #b6c3ff; | --text-external--hover: #b6c3ff; | ||
-- | |||
-- | --background-color-base: #caf0f8!important; | ||
--background-color-neutral-subtle: #90e0ef!important; | |||
--background-color-neutral: #00b4d8!important; | |||
--background-color-progressive--focus: #6485d1; | |||
--background-color-progressive-subtle: #1b223d; | |||
--background-color-progressive-subtle--hover: #233566; | |||
--background-color-progressive-subtle--active: #3056a9; | |||
--background-color-object-base: #877253; | |||
--background-color-object-neutral-subtle: #9d8461; | |||
--background-color-object-neutral: #b59973; | |||
--border-color-object-base: #5e524c; | |||
--border-color-object-subtle: #7d716b; | |||
--bg-border-primary: #909ac2; | --bg-border-primary: #909ac2; | ||
--bg-border-secondary: #cadcff; | --bg-border-secondary: #cadcff; | ||
--item-highlight: #20315a; | --item-highlight: #20315a; | ||
-- | --background-color-error-subtle: #421211; | ||
--background-color-warning-subtle: #301d00; | |||
--background-color-success-subtle: #00261e; | |||
--border-color-error: #ff4242; | |||
--border-color-warning: #fc3; | |||
-- | --border-color-success: #00af89; | ||
-- | --border-color-notice: #c8ccd1; | ||
-- | |||
--border-warning: #fc3; | |||
--border-success: #00af89; | |||
--border-notice: #c8ccd1; | |||
-- | --color-content-added: #44c97c; | ||
-- | --color-content-removed: #ef6164; | ||
-- | --background-color-content-added: #2a4b8d; | ||
-- | --background-color-content-removed: #a66200; | ||
--border-added: #2a4b8d; | --border-color-content-added: #2a4b8d; | ||
--border-removed: # | --border-color-content-removed: #ffe49c; | ||
} | }*/ | ||
Latest revision as of 18:57, 18 October 2025
/* light mode palette wip */
/* note: do not try this yourself or you will crap your pants and probably die because of it */
/*:root {
color-scheme: light!important;
--invert: none;
--invert-and-hue-rotate: none;
--color-base: #202122!important;
--color-subtle: #36414f!important;
--color-emphasized: #000000!important;
--color-progressive: #0645ad!important;
--color-progressive--hover: #7fc6ef!important;
--color-progressive--active: #cbd6f6;
--color-destructive: #ef6266!important;
--color-destructive--hover: #ff91a4!important;
--text-external: #8891df;
--text-external--hover: #b6c3ff;
--background-color-base: #caf0f8!important;
--background-color-neutral-subtle: #90e0ef!important;
--background-color-neutral: #00b4d8!important;
--background-color-progressive--focus: #6485d1;
--background-color-progressive-subtle: #1b223d;
--background-color-progressive-subtle--hover: #233566;
--background-color-progressive-subtle--active: #3056a9;
--background-color-object-base: #877253;
--background-color-object-neutral-subtle: #9d8461;
--background-color-object-neutral: #b59973;
--border-color-object-base: #5e524c;
--border-color-object-subtle: #7d716b;
--bg-border-primary: #909ac2;
--bg-border-secondary: #cadcff;
--item-highlight: #20315a;
--background-color-error-subtle: #421211;
--background-color-warning-subtle: #301d00;
--background-color-success-subtle: #00261e;
--border-color-error: #ff4242;
--border-color-warning: #fc3;
--border-color-success: #00af89;
--border-color-notice: #c8ccd1;
--color-content-added: #44c97c;
--color-content-removed: #ef6164;
--background-color-content-added: #2a4b8d;
--background-color-content-removed: #a66200;
--border-color-content-added: #2a4b8d;
--border-color-content-removed: #ffe49c;
}*/