From 9a995e033afe241a1f518c9d2711da46ec1f7c3c Mon Sep 17 00:00:00 2001 From: hackademix Date: Thu, 24 Mar 2022 07:22:14 +0100 Subject: [PATCH] Fix too wide CSS scope bleeding into page style (issue #232, thanks SuperPat45 for report). --- src/common/themes.css | 137 +++++++++++++++++++++--------------------- 1 file changed, 70 insertions(+), 67 deletions(-) diff --git a/src/common/themes.css b/src/common/themes.css index d7b6679..1ef4fff 100644 --- a/src/common/themes.css +++ b/src/common/themes.css @@ -7,8 +7,78 @@ .__NoScript_Theme__ { --focus-color-dark: #8007; --focus-color-light: #f787; + + --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.7em; + --popup-size: 640px; + + --bg-focused-row: linear-gradient(to bottom, var(--form-color1) 0, var(--form-color2) 70%, var(--bg-color1) 100%) no-repeat; + --bg-odd-row: var(--bg-color2); + --bg-even-row: var(--form-color1); + --border-row-sep: none; } + +.__NoScript_Theme__.vintage { + + --focus-color-light: #8cf8 !important; + --focus-color-dark: #0468 !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; + + --bg-focused-row: var(--focus-color); + --bg-odd-row: var(--bg-color2); + --bg-even-row: var(--bg-color1); + --border-row-sep: none; +} + + .__NoScript_Theme__, .__NoScript_Theme__[data-theme="dark"] { color-scheme: dark; --accent-color: #d12027; @@ -54,72 +124,5 @@ } -:root { - --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.7em; - --popup-size: 640px; - - --bg-focused-row: linear-gradient(to bottom, var(--form-color1) 0, var(--form-color2) 70%, var(--bg-color1) 100%) no-repeat; - --bg-odd-row: var(--bg-color2); - --bg-even-row: var(--form-color1); - --border-row-sep: none; /* 2px dotted var(--form-color2); */ -} - -.vintage { - --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; - - --focus-color-light: #8cf8 !important; - --focus-color-dark: #0468 !important; - - --bg-focused-row: var(--focus-color); - --bg-odd-row: var(--bg-color2); - --bg-even-row: var(--bg-color1); - --border-row-sep: none; -}