135 lines
4.1 KiB
CSS
135 lines
4.1 KiB
CSS
/*
|
|
* Copyright (C) 2005-2022 Giorgio Maone <https://maone.net>
|
|
*
|
|
* SPDX-License-Identifier: GPL-3.0-or-later
|
|
*/
|
|
|
|
.__NoScript_Theme__ {
|
|
--focus-color-dark: #c35a;
|
|
--focus-color-light: #f68a;
|
|
|
|
--img-noscript-options: url(/img/noscript-options.png);
|
|
--img-ui-revoke-temp: url(/img/ui-revoke-temp64.png);
|
|
--img-ui-temp-all: url(/img/ui-temp-all64.png);
|
|
--img-ui-tab-no: url(/img/ui-tab-no64.png);
|
|
--img-ui-tab: url(/img/ui-tab64.png);
|
|
--img-ui-global-no: url(/img/ui-global-no64.png);
|
|
--img-ui-global: url(/img/ui-global64.png);
|
|
--img-noscript-options: url(/img/noscript-options.png);
|
|
--img-ui-close: url(/img/ui-close64.png);
|
|
--img-ui-reload: url(/img/ui-reload64.png);
|
|
--img-warning: url(/img/warning64.png);
|
|
--img-error: url(/img/error64.png);
|
|
--img-logo: url(/img/logo.svg);
|
|
--img-ui-http: url(/img/ui-http64.png);
|
|
--img-ui-https: url(/img/ui-https64.png);
|
|
--img-ui-no: url(/img/ui-no64.png);
|
|
--img-ui-temp: url(/img/ui-temp64.png);
|
|
--img-ui-yes: url(/img/ui-yes64.png);
|
|
--img-ui-black: url(/img/ui-black64.png);
|
|
--img-ui-custom: url(/img/ui-custom64.png);
|
|
--img-ui-clock: url(/img/ui-clock64.png);
|
|
|
|
--icon-size: 2.2em;
|
|
--line-size: 1.5em;
|
|
--popup-size: 600px;
|
|
|
|
--bg-preset-color: var(--form-color2);
|
|
--bg-odd-row: var(--bg-color2);
|
|
--bg-even-row: var(--tab-color1);
|
|
--bg-focused-row: linear-gradient(to bottom, var(--focus-color) 0, transparent 10%, transparent 90%, var(--focus-color) 100%);
|
|
--border-row-sep: none;
|
|
}
|
|
|
|
|
|
.__NoScript_Theme__.vintage {
|
|
|
|
--focus-color-dark: #35Ca !important;
|
|
--focus-color-light: #8cfa !important;
|
|
|
|
--img-noscript-options: url(/img/vintage/noscript-options.png);
|
|
--img-ui-revoke-temp: url(/img/vintage/ui-revoke-temp64.png);
|
|
--img-ui-temp-all: url(/img/vintage/ui-temp-all64.png);
|
|
--img-ui-tab-no: url(/img/vintage/ui-tab-no64.png);
|
|
--img-ui-tab: url(/img/vintage/ui-tab64.png);
|
|
--img-ui-global-no: url(/img/vintage/ui-global-no64.png);
|
|
--img-ui-global: url(/img/vintage/ui-global64.png);
|
|
--img-noscript-options: url(/img/vintage/noscript-options.png);
|
|
--img-ui-close: url(/img/vintage/ui-close64.png);
|
|
--img-ui-reload: url(/img/vintage/ui-reload64.png);
|
|
--img-warning: url(/img/vintage/warning64.png);
|
|
--img-error: url(/img/vintage/error64.png);
|
|
--img-logo: url(/img/vintage/logo.svg);
|
|
--img-ui-http: url(/img/vintage/ui-http64.png);
|
|
--img-ui-https: url(/img/vintage/ui-https64.png);
|
|
--img-ui-no: url(/img/vintage/ui-no64.png);
|
|
--img-ui-temp: url(/img/vintage/ui-temp64.png);
|
|
--img-ui-yes: url(/img/vintage/ui-yes64.png);
|
|
--img-ui-black: url(/img/vintage/ui-black64.png);
|
|
--img-ui-custom: url(/img/vintage/ui-custom64.png);
|
|
--img-ui-clock: url(/img/vintage/ui-clock64.png);
|
|
|
|
--icon-size: 2em;
|
|
--line-size: 1.5em;
|
|
--popup-size: 600px;
|
|
|
|
}
|
|
|
|
.__NoScript_Theme__, .__NoScript_Theme__[data-theme="dark"] {
|
|
color-scheme: dark;
|
|
--accent-color: #d12027;
|
|
--fg-color1: #ccc;
|
|
--fg-color2: #fff;
|
|
--text-color: #ddd;
|
|
--bg-color1: #000;
|
|
--bg-color2: #212026;
|
|
--form-color1: #333;
|
|
--form-color2: #111;
|
|
--focus-color: var(--focus-color-dark);
|
|
--tab-color1: #334;
|
|
--tab-color2: #3348;
|
|
--form-check-color: var(--form-color2);
|
|
--form-check-bg-color: var(--accent-color);
|
|
--form-radio-color: var(--accent-color);
|
|
--form-radio-bg-color: var(--form-color1);
|
|
--hilite-color: #8008;
|
|
--unsafe-color: var(--accent-color);
|
|
}
|
|
|
|
.__NoScript_Theme__.vintage:not([data-theme="light"]) :is(input.preset, .icon) {
|
|
filter: brightness(85%);
|
|
}
|
|
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
.__NoScript_Theme__ {
|
|
color-scheme: light;
|
|
--fg-color1: #555;
|
|
--fg-color2: #000;
|
|
--text-color: #333;
|
|
--bg-color1: #ddd;
|
|
--bg-color2: #fff;
|
|
--form-color1: #ccc;
|
|
--form-color2: #eee;
|
|
--form-check-color: var(--bg-color2);
|
|
--form-check-bg-color: var(--accent-color);
|
|
--tab-color1: #d0d8e0;
|
|
--tab-color2: #d0d8e088;
|
|
--focus-color: var(--focus-color-light);
|
|
--hilite-color: #f008;
|
|
--unsafe-color: #811;
|
|
}
|
|
|
|
|
|
.__NoScript_Theme__.vintage:not([data-theme="light"]) :is(input.preset, .icon) {
|
|
filter: none;
|
|
}
|
|
.__NoScript_Theme__.vintage[data-theme="dark"] :is(input.preset, .icon) {
|
|
filter: brightness(85%);
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|