MediaWiki:Common.css: различия между версиями

← Предыдущая правка Следующая правка →

@@ Строка 1888: / Строка 1888: @@
      --border-color-content-removed: #987027;
 }
+}
+/* Автоматический режим */
+@ media screen and ( preferences-color-scheme : dark ) {
+	html.skin-theme-clientpref-os .last-update-header {
+		background-color: #171619;
+        background-image: url(/resources/css/grunge.png);
+        border: 1px solid #948159;
+		padding: 10px;
+		font-weight: 600;
+	}
+	html.skin-theme-clientpref-os .last-update-body {
+		border: 1px solid #948159;
+		border-top: 0px;
+		padding: 5px 10px;
+		height: 220px;
+	}
+	html.skin-theme-clientpref-os body {
+		background-color: #1C1D21;
+	}
+    html.skin-theme-clientpref-os .mw-parser-output > span.mw-default-size img,html.skin-theme-clientpref-os section .mw-heading ~ div > span.mw-default-size img,html.skin-theme-clientpref-os section > span.mw-default-size img,html.skin-theme-clientpref-os dd > span.mw-default-size img,html.skin-theme-clientpref-os p > span.mw-default-size img,html.skin-theme-clientpref-os .mw-parser-output > figure[typeof='mw:File'] img,html.skin-theme-clientpref-os section .mw-heading ~ div > figure[typeof='mw:File'] img,html.skin-theme-clientpref-os section > figure[typeof='mw:File'] img,html.skin-theme-clientpref-os dd > figure[typeof='mw:File'] img,html.skin-theme-clientpref-os p > figure[typeof='mw:File'] img,html.skin-theme-clientpref-os .mw-parser-output > figure[typeof='mw:File/Thumb'] img,html.skin-theme-clientpref-os section .mw-heading ~ div > figure[typeof='mw:File/Thumb'] img,html.skin-theme-clientpref-os section > figure[typeof='mw:File/Thumb'] img,html.skin-theme-clientpref-os dd > figure[typeof='mw:File/Thumb'] img,html.skin-theme-clientpref-os p > figure[typeof='mw:File/Thumb'] img,html.skin-theme-clientpref-os .mw-parser-output > figure[typeof='mw:File/Frameless'] img,html.skin-theme-clientpref-os section .mw-heading ~ div > figure[typeof='mw:File/Frameless'] img,html.skin-theme-clientpref-os section > figure[typeof='mw:File/Frameless'] img,html.skin-theme-clientpref-os dd > figure[typeof='mw:File/Frameless'] img,html.skin-theme-clientpref-os p > figure[typeof='mw:File/Frameless'] img {
+        background-color: #1C1D21;
+    }
+	html.skin-theme-clientpref-os .mw-parser-output .note-Storm-Atronach-Crate {
+		background-color: #05172d;
+		color: #ffffff;
+		background-image: url("/images/7/74/ON-icon-store-Storm_Atronach_Crown_Crate.png");
+		background-size: 40px;
+		font-size: 15px;
+		border-color: #162f4d;
+		padding-left: 55px;
+		min-height: 40px;
+}
+	html.skin-theme-clientpref-os .mw-parser-output .note-RageboundCrate {
+		background-color: #05172d;
+		color: #ffffff;
+		background-image: url("/images/9/9f/ON-icon-store-Ragebound_Crate.png");
+		background-size: 40px;
+		font-size: 15px;
+		border-color: #162f4d;
+		padding-left: 55px;
+		min-height: 40px;
+}
+	html.skin-theme-clientpref-os .mw-parser-output .note-CarnavalCrate {
+		background-color: #05172d;
+		color: #ffffff;
+		background-image: url("/images/f/fd/ON-icon-store-Carnaval_Crate.png");
+		background-size: 40px;
+		font-size: 15px;
+		border-color: #162f4d;
+		padding-left: 55px;
+		min-height: 40px;
+}
+	html.skin-theme-clientpref-os .mw-parser-output .note-WildHuntCrate {
+		background-color: #05172d;
+		color: #ffffff;
+		background-image: url("/images/6/6a/ON-icon-store-Wild_Hunt_Crown_Crate.png");
+		background-size: 40px;
+		font-size: 15px;
+		border-color: #162f4d;
+		padding-left: 55px;
+		min-height: 40px;
+}
+html.skin-theme-clientpref-os {
+    color-scheme: dark;
+    --color-base: #eaecf0;
+    --color-base--hover: #f8f9fa;
+    --color-emphasized: #f8f9fa;
+    --color-subtle: #a2a9b1;
+    --color-inverted: #101418;
+    --color-progressive: #88a3e8;
+    --color-progressive--hover: #b0c1f0;
+    --color-progressive--active: #cbd6f6;
+    --color-destructive: #fd7865;
+    --color-destructive--hover: #fea898;
+    --color-destructive--active: #ffc8bd;
+    --color-visited: #a799cd;
+    --color-destructive--visited: #c99391;
+    --color-error: #fd7865;
+    --color-warning: #fecc44;
+    --color-success: #2cb491;
+    --color-notice: #f8f9fa;
+    --color-content-added: #80cdb3;
+    --color-content-removed: #fd7865;
+    --color-base--subtle: #a2a9b1;
+    --box-shadow-color-base: #fff;
+    --box-shadow-color-progressive--focus: #6b8edf;
+    --box-shadow-color-destructive--focus: #6b8edf;
+    --box-shadow-color-inverted: #000;
+    --background-color-base: #1C1D21;
+    --background-color-neutral: #27292d;
+    --background-color-neutral-subtle: #202122;
+    --background-color-interactive: #27292d;
+    --background-color-interactive-subtle: #202122;
+    --background-color-disabled: #54595d;
+    --background-color-disabled-subtle: #404244;
+    --background-color-inverted: #f8f9fa;
+    --background-color-progressive--focus: #6b8edf;
+    --background-color-progressive-subtle: #233566;
+    --background-color-destructive--focus: #6b8edf;
+    --background-color-destructive-subtle: #612419;
+    --background-color-error: #fc493b;
+    --background-color-error--hover: #fd7865;
+    --background-color-error--active: #fea898;
+    --background-color-error-subtle: #612419;
+    --background-color-warning-subtle: #453217;
+    --background-color-success-subtle: #153d31;
+    --background-color-notice-subtle: #27292d;
+    --background-color-content-added: #233566;
+    --background-color-content-removed: #453217;
+    --background-color-backdrop-light: rgba(0, 0, 0, 0.65);
+    --background-color-backdrop-dark: rgba(255, 255, 255, 0.65);
+    --border-color-base: #72777d;
+    --border-color-subtle: #54595d;
+    --border-color-muted: #404244;
+    --border-color-interactive: #a2a9b1;
+    --border-color-disabled: #54595d;
+    --border-color-inverted: #101418;
+    --border-color-progressive--focus: #6b8edf;
+    --border-color-destructive--focus: #6b8edf;
+    --border-color-error: #fc493b;
+    --border-color-error--hover: #fd7865;
+    --border-color-warning: #fecc44;
+    --border-color-success: #2cb491;
+    --border-color-notice: #c8ccd1;
+    --border-color-content-added: #233566;
+    --border-color-content-removed: #987027;
+}
 }