MediaWiki:ColorScheme.css: Difference between revisions

MediaWiki:ColorScheme.css (view source)

Revision as of 16:07, 24 September 2022

3,456 bytes added , 24 September 2022

no edit summary

Ritsu

ElEditors, Administrators

70,740

edits

@@ Line 883: / Line 883: @@
 span.oo-ui-iconElement-icon.oo-ui-icon-reload.oo-ui-image-progressive {
      filter: brightness(1.8) saturate(1.5) invert(0) !important;
+}
+:root {
+    --accent-color: #00adda;
+    --accent-color-tone-0: #009dc5;
+    --accent-color-tone-2: #0589aa;
+    --accent-color-tone-3: #047491;
+    --border-color: #d3dcdd;
+    --border-color-tone-2: #bbbbbb;
+    --theme-tone-1: #fff;
+    --theme-tone-2: #f4f5f6;
+    --theme-tone-3: #eef2f3;
+    --theme-tone-4: #f1f5f5;
+    --theme-tone-5: #f4f5f7;
+    --theme-tone-6: #f9fafb;
+    --theme-tone-7: #eaecf0;
+    --theme-tone-8: #dce0e6;
+    --theme-tone-9: #b2b6bd;
+    --text-color: black;
+    --text-color-invert: white;
+    --inactive-color: #555a60;
+}
+::selection {
+    background-color: var(--accent-color);
+    color: white;
+}
+::-moz-selection {
+    background-color: var(--accent-color);
+    color: white;
+}
+::-webkit-scrollbar {
+    background: var(--theme-tone-6);
+    width: 12px;
+    height: 12px;
+    border-radius: 8px;
+    border: 1px solid var(--border-color);
+}
+::-webkit-scrollbar-thumb {
+    background-color: var(--theme-tone-9);
+    border-radius: 8px;
+    border-left: 1px solid var(--border-color);
+    border-right: 1px solid var(--border-color);
+}
+::-webkit-scrollbar-button {
+    display: none;
+}
+::-moz-scrollbar {
+    background: var(--theme-tone-6);
+    width: 12px;
+    border-radius: 8px;
+    border: 1px solid var(--border-color);
+}
+::-moz-scrollbar-thumb {
+    background: var(--theme-tone-8);
+    border-radius: 8px;
+    border-left: 1px solid var(--border-color);
+    border-right: 1px solid var(--border-color);
+}
+::-moz-scrollbar-button {
+    display: none;
+}
+body {
+    background-color: var(--theme-tone-4);
+}
+#mw-wrapper,
+#wikieditor-toolbar-replace-message div,
+.mw-notification-content,
+.flow-component .ve-init-mw-target-surface.ve-ui-surface-source .ve-ce-documentNode {
+    color: var(--text-color);
+}
+fieldset.ext-replacetext-searchoptions {
+    background-color: var(--theme-tone-2);
+    padding: 14px !important;
+}
+input[type="text"],
+input[type="number"],
+.mw-searchInput,
+.mw-input input {
+    border: 1px solid var(--border-color);
+    background: var(--theme-tone-6);
+}
+input[type="button"]:hover {
+    background-color: var(--theme-tone-8);
+}
+input[type="button"],
+input[type="submit"] {
+    background-color: var(--theme-tone-7);
+    border: 0;
+    font-weight: 500;
+    padding: 0.4rem 0.8rem;
+    border-radius: 2px;
+    transition: background-color 0.3s, color 0.2s;
+    font-size: 1rem;
+}
+input[type="submit"]:hover {
+    background-color: var(--accent-color);
+    color: #fff;
+}
+input[type="button"]:focus,
+input[type="submit"]:focus {
+    background-color: var(--accent-color-tone-2);
+}
+input[type="text"]:focus-visible,
+input[type="number"]:focus-visible,
+.mw-searchInput:focus-visible,
+.mw-input input:focus-visible {
+    outline: 1px solid var(--border-color-tone-2);
+}
+.disable-image-link a {
+    pointer-events: none;
+}
+#mw-wrapper {
+    background-color: var(--theme-tone-6);
+}
+/* header */
+div.color-left,
+div.color-middle,
+div.color-right {
+    background-color: white;
+}
+#p-logo {
+    background-color: var(--theme-tone-6);
+    border-radius: 5px 5px 0 0;
+}
+.mw-wiki-logo.fallback {
+    height: 8em;
+    background-position: bottom center;
+}
+#mw-site-navigation .sidebar-chunk {
+    margin-top: 0;
+    border-top: 0;
+    background-color: var(--theme-tone-6);
+}
+/* border */
+div.mw-body h1.firstHeading,
+div#mw-page-header-links li.selected {
+    border-color: var(--border-color);
+}
+div.mw-body h1.firstHeading {
+    border-width: 1px;
+    padding-bottom: 5px;
 }