[UI] Focus visual feedback adjustments.

This commit is contained in:
hackademix 2022-05-23 23:30:53 +02:00
parent 85c1caa1fd
commit f16593aacf
2 changed files with 10 additions and 6 deletions

View File

@ -5,8 +5,8 @@
*/
.__NoScript_Theme__ {
--focus-color-dark: #8007;
--focus-color-light: #f787;
--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);
@ -37,15 +37,15 @@
--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 20%, transparent 80%, var(--focus-color) 100%);
--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-light: #8cf8 !important;
--focus-color-dark: #2488 !important;
--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);

View File

@ -137,7 +137,7 @@ input:disabled, button:disabled, select:disabled {
cursor: not-allowed !important;
}
:focus-visible, :is(.cap, .switch):focus-within {
:focus-visible, :is(.cap.needed, .switch):focus-within {
outline: 0;
filter:
drop-shadow(1px 1px 1px var(--focus-color))
@ -146,6 +146,10 @@ input:disabled, button:disabled, select:disabled {
drop-shadow(-1px -1px 1px var(--focus-color)) !important;
}
:is(label, .full-address, .full-address *):is(:focus, :focus-visible) {
text-shadow: 0 0 .1em var(--focus-color);
filter: none !important;
}
.donate {
color: var(--text-color1) !important;