Skip to content

Commit bc5f460

Browse files
committed
Better contrast for "unsafe" URL labels.
1 parent 6405a3f commit bc5f460

2 files changed

Lines changed: 5 additions & 7 deletions

File tree

src/common/themes.css

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,7 @@
9292
--form-check-color: var(--accent-color);
9393
--form-control-color: var(--form-color2);
9494
--hilite-color: #f008;
95+
--unsafe-color: var(--accent-color);
9596
}
9697

9798
.__NoScript_Theme__.vintage:not([data-theme="light"]) :is(input.preset, .icon) {
@@ -112,6 +113,7 @@
112113
--tab-color1: #ddd;
113114
--tab-color2: #8888;
114115
--focus-color: var(--focus-color-light);
116+
--unsafe-color: #811;
115117
}
116118

117119
.__NoScript_Theme__.vintage[data-theme="dark"] :is(input.preset, .icon) {

src/ui/ui.css

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -200,12 +200,12 @@ html:not(.mobile) .sites > tr.site:not(.customizing):is(:focus-within, :hover) {
200200
border-top: var(--border-row-sep);
201201
}
202202

203-
.sites > tr.site:nth-of-type(even):not(.customizing) {
203+
.sites > tr.site:nth-of-type(even) {
204204
background-color: var(--bg-even-row);
205205
--bg-preset-color: var(--bg-odd-row);
206206
}
207207

208-
.sites > tr.site:nth-of-type(odd):not(.customizing) {
208+
.sites > tr.site:nth-of-type(odd) {
209209
background-color: var(--bg-odd-row);
210210
--bg-preset-color: var(--bg-even-row);
211211
}
@@ -236,7 +236,7 @@ html:not(.mobile) .sites > tr.site:not(.customizing):is(:focus-within, :hover) {
236236
.site .url[data-key="host"] .domain,
237237
.site .url[data-key="host"] .sub,
238238
.site .url[data-key="unsafe"] span {
239-
color: var(--accent-color);
239+
color: var(--unsafe-color)
240240
}
241241

242242
.site .url[data-key="secure"] .domain,
@@ -479,10 +479,6 @@ input.preset:checked ~ input.temp {
479479
box-shadow: 0 0 1px var(--form-color2);
480480
}
481481

482-
:not(#presets) > .sites .customizing, .customizer {
483-
background-color: var(--tab-color2) !important;
484-
}
485-
486482
#presets legend select, #presets legend button {
487483
display: none;
488484
}

0 commit comments

Comments
 (0)