Anonymous

MediaWiki:ColorScheme.css: Difference between revisions

From Elwiki
no edit summary
(Created page with "a, a:link, .mw-parser-output a.external { color: var(--accent-color-tone-0); transition: color 0.3s; } a:hover { text-decoration: none; } a:hover:not(.mw-selflink, .selflink) { color: var(--accent-color-tone-2); } a:visited, a:visited:hover:not(.mw-selflink, .selflink, .textfloat a), .mw-parser-output a.external:visited, .mw-parser-output a.external:hover:visited { color: var(--accent-color-tone-3); } a.new:hover, .new a:hover, a.new:visited, .new...")
 
No edit summary
 
(23 intermediate revisions by the same user not shown)
Line 41: Line 41:


table tr[style]:not(.textfloat),
table tr[style]:not(.textfloat),
.dark-mode table tr[style]:not(.textfloat) td,
table[class*="colortable-"] tr:not(.textfloat) {
table[class*="colortable-"] tr:not(.textfloat) {
     color: black;
     color: var(--text-color);
}
 
.cell-color-black td {
    color: black !important;
}
}


Line 515: Line 518:


.flow-ui-tooltip.flow-ui-tooltip-left .flow-ui-tooltip-triangle:after {
.flow-ui-tooltip.flow-ui-tooltip-left .flow-ui-tooltip-triangle:after {
     box-shadow: 1.5px 0 0 1.5px var(--theme-tone-7), 0 0 1px 0 var(--theme-tone-7);
     box-shadow:
        1.5px 0 0 1.5px var(--theme-tone-7),
        0 0 1px 0 var(--theme-tone-7);
}
}


Line 606: Line 611:
     > .oo-ui-buttonElement-button:focus {
     > .oo-ui-buttonElement-button:focus {
     border-color: #fff;
     border-color: #fff;
     box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #fff;
     box-shadow:
        inset 0 0 0 1px #fff,
        inset 0 0 0 2px #fff;
}
}


Line 625: Line 632:
     background-color: var(--accent-color);
     background-color: var(--accent-color);
     border-color: var(--accent-color);
     border-color: var(--accent-color);
     box-shadow: inset 0 0 0 1px var(--accent-color-tone-2), inset 0 0 0 2px #fff;
     box-shadow:
        inset 0 0 0 1px var(--accent-color-tone-2),
        inset 0 0 0 2px #fff;
}
}


Line 841: Line 850:
.patrollink a:hover {
.patrollink a:hover {
     background: var(--theme-tone-8);
     background: var(--theme-tone-8);
}
form:not(.oo-ui-layout) button,
form:not(.oo-ui-layout) input[type="submit"] {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    transition: 0.3s;
}
form:not(.oo-ui-layout) button:hover,
form:not(.oo-ui-layout) input[type="submit"]:hover,
form:not(.oo-ui-layout) button:hover,
form:not(.oo-ui-layout) input[type="submit"]:hover,
form:not(.oo-ui-layout) button:active,
form:not(.oo-ui-layout) input[type="submit"]:active,
.mw-ui-button:not(:disabled):active {
    background-color: var(--accent-color-tone-3);
    color: white;
    border-color: var(--accent-color-tone-3);
}
.mw-ui-button:not(:disabled):focus {
    color: white;
    box-shadow: none;
    border-color: var(--accent-color);
}
input.historysubmit.mw-history-compareselectedversions-button {
    background-color: var(--theme-tone-7);
    border: none;
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid var(--border-color);
    transition: background-color 0.3s;
}
input.historysubmit.mw-history-compareselectedversions-button:hover {
    background-color: var(--theme-tone-8);
}
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;
}
.mw-message-box:not(.mw-message-box-warning) p {
    color: var(--text-color);
}
figure[typeof~="mw:File/Thumb"],
figure[typeof~="mw:File/Frame"] {
    background-color: var(--theme-tone-7);
    border-color: var(--border-color);
}
figure[typeof~="mw:File/Thumb"] > figcaption,
figure[typeof~="mw:File/Frame"] > figcaption {
    border-color: var(--border-color);
    background-color: var(--theme-tone-7);
}
figure[typeof~="mw:File/Thumb"] > :not(figcaption) .mw-file-element,
figure[typeof~="mw:File/Frame"] > :not(figcaption) .mw-file-element {
    border-color: var(--border-color);
}
#wikiEditor-section-secondary {
    display: none;
}
.ext-WikiEditor-ResizingDragBar {
    background-color: var(--theme-tone-9);
}
.ve-ui-mwParameterPage-inlineDescription,
.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example,
.ve-ui-mwParameterPage-doc-default,
.ve-ui-mwParameterPage-doc-required {
    color: var(--text-color);
}
.ve-ui-expandableContent-toggle,
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
    background: var(--theme-tone-5);
}
.ve-ui-expandableContent-fade {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, var(--theme-tone-5) 90%);
}
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu {
    width: 240px;
    border-right: 1px solid var(--border-color);
    padding-right: 2rem;
}
form:not(.oo-ui-layout) button:not(:disabled):hover,
form:not(.oo-ui-layout) input[type="submit"]:not(:disabled):hover,
form:not(.oo-ui-layout) button:not(:disabled):active,
form:not(.oo-ui-layout) input[type="submit"]:not(:disabled):active {
    background-color: var(--theme-tone-8);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly] {
    background-color: var(--theme-tone-3) !important;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-mobile
    .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget
    input[readonly]::placeholder {
    color: var(--text-color);
}
.mw-warning-with-logexcerpt {
    color: var(--text-color);
}
}
ElEditors, Administrators
71,266

edits