MediaWiki:Gadget-Colors.css: Difference between revisions
m Kuhlau moved page MediaWiki:Colors.css to MediaWiki:Gadget-Colors.css |
No edit summary |
||
| Line 1: | Line 1: | ||
/** Root **/ | /** Root **/ | ||
:root { | :root, .wgl-lightmode, .wgl-theme-light { | ||
--theme-accent-color--rgba: 71, 202, 178; | --theme-accent-color--rgba: 71, 202, 178; | ||
--theme-page-text-color: #43403D; | --theme-page-text-color: #43403D; | ||
| Line 85: | Line 85: | ||
} | } | ||
:root . | :root .wgl-darkmode , :root .wgl-theme-dark { | ||
--theme-accent-color--rgba: 71, 202, 178; | --theme-accent-color--rgba: 71, 202, 178; | ||
--theme-page-text-color: #FFFFFF; | --theme-page-text-color: #FFFFFF; | ||
| Line 177: | Line 177: | ||
/* Darker version of alert */ | /* Darker version of alert */ | ||
.theme | .wgl-darkmode, .wgl-theme-dark { | ||
--theme-alert-highlight: #a90000; | --theme-alert-highlight: #a90000; | ||
--theme-alert-highlight--rgb: rgb(169, 0, 0); | --theme-alert-highlight--rgb: rgb(169, 0, 0); | ||
| Line 190: | Line 190: | ||
/** Invert filter **/ | /** Invert filter **/ | ||
. | .wgl-darkmode .invert-dark { filter: invert(1); } | ||
. | .wgl-lightmode .invert-light { filter: invert(1); } | ||
/** Theme colors **/ | /** Theme colors **/ | ||
| Line 223: | Line 223: | ||
/* Change color of classes that used alert-color as bg color */ | /* Change color of classes that used alert-color as bg color */ | ||
. | .wgl-darkmode #mw-notification-area.mw-notification.mw-notification-type-error, | ||
. | .wgl-darkmode .postedit.mw-notification.mw-notification-type-error, | ||
. | .wgl-darkmode .wds-table-td-alert, | ||
. | .wgl-darkmode .diff td.diff-deletedline .diffchange { | ||
background-color: var(--theme-alert-highlight); | background-color: var(--theme-alert-highlight); | ||
} | } | ||
. | .wgl-darkmode .diff td.diff-deletedline { | ||
border-color: var(--theme-alert-highlight); | border-color: var(--theme-alert-highlight); | ||
} | } | ||
| Line 268: | Line 268: | ||
/* Syntax highlight for source editor */ | /* Syntax highlight for source editor */ | ||
. | .wgl-darkmode.skin-fandomdesktop .cm { | ||
--codemirror-purple: #D2A8FF; | --codemirror-purple: #D2A8FF; | ||
} | } | ||