MediaWiki:Vector-2022.css: Difference between revisions

Line 29:

--color-content-added: #006400;

--color-content-removed: #d73333;

/* Filters */

--filter-invert-icon: 0;

--filter-invert-primary-button-icon: 1;

/* Box shadow colors */

--box-shadow-color-base: #0b0d19;

Line 44:

Line 42:

--box-shadow-color-inverted: #fffeef;

--box-shadow-color-transparent: transparent;

/* Background colors */

--background-color-base: #f6f9dd;

Line 82:

Line 79:

--background-color-tab-list-item-framed--hover: rgba(255,255,255,0.3);

--background-color-tab-list-item-framed--active: rgba(255,255,255,0.65);

/* Opacity */

--opacity-icon-base: 0.87;

Line 90:

Line 86:

--opacity-icon-placeholder: 0.51;

--opacity-icon-subtle: 0.67;

/* Border colors */

--border-color-base: #aaa29c;

Line 122:

Line 117:

--border-color-input-binary--focus: var(--border-color-progressive--focus);

--border-color-input-binary--checked: var(--border-color-progressive);

/* Link colors */

--color-link-red: var(--color-destructive);

Line 129:

Line 123:

--color-link-red--focus: var(--color-destructive--focus);

--color-link-red--visited: var(--color-destructive--visited);

--external-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%2321669a' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/></svg>");

}

:root.skin-theme-clientpref-night {

color-scheme: dark;

/* Colors */

--color-base: #fefdde;

Line 158:

Line 152:

--color-content-added: #80cdb3;

--color-content-removed: #fd7865;

/* Box shadow colors */

--box-shadow-color-base: #fffeef;

Line 164:

Line 157:

--box-shadow-color-destructive--focus: #6b8edf;

--box-shadow-color-inverted: #0b0d19;

/* Background colors */

--background-color-base: #0d0f1e;

Line 189:

Line 181:

--background-color-backdrop-light: rgba(0,0,0,0.65);

--background-color-backdrop-dark: rgba(255,255,255,0.65);

/* Border colors */

--border-color-base: #424663;

Line 206:

Line 197:

--border-color-content-added: #233566;

--border-color-content-removed: #987027;

/* Link colors */

--external-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%2371bed7' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/></svg>");

}

Line 235:

Line 228:

--color-content-added: #80cdb3;

--color-content-removed: #fd7865;

/* Box shadow colors */

--box-shadow-color-base: #fffeef;

Line 241:

Line 233:

--box-shadow-color-destructive--focus: #6b8edf;

--box-shadow-color-inverted: #0b0d19;

/* Background colors */

--background-color-base: #0d0f1e;

Line 266:

Line 257:

--background-color-backdrop-light: rgba(0,0,0,0.65);

--background-color-backdrop-dark: rgba(255,255,255,0.65);

/* Border colors */

--border-color-base: #424663;

Line 283:

Line 273:

--border-color-content-added: #233566;

--border-color-content-removed: #987027;

/* Link colors */

--external-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%2371bed7' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/></svg>");

}

Line 345:

Line 337:

.vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {

color: var(--color-progressive);

}

.mw-parser-output a.external {

background-image: var(--external-icon);

}