Skip to content

Commit 3455da1

Browse files
committed
UI refinements: reduce label-input spacing, update dark mode background color
1 parent d938060 commit 3455da1

2 files changed

Lines changed: 12 additions & 11 deletions

File tree

filepicker.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,17 +18,17 @@
1818
}
1919

2020
[data-theme="dark"] {
21-
--bg-main: #1a1f1e;
22-
--bg-card: #1a1f1e;
21+
--bg-main: #1B2124;
22+
--bg-card: #1B2124;
2323
--text-primary: #e8e8e8;
2424
--text-secondary: #9e9e9e;
2525
--border-color: #3a4240;
2626
}
2727

2828
@media (prefers-color-scheme: dark) {
2929
[data-theme="auto"] {
30-
--bg-main: #1a1f1e;
31-
--bg-card: #1a1f1e;
30+
--bg-main: #1B2124;
31+
--bg-card: #1B2124;
3232
--text-primary: #e8e8e8;
3333
--text-secondary: #9e9e9e;
3434
--border-color: #3a4240;

popup.html

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -27,8 +27,8 @@
2727

2828
/* Dark theme - matching NTFY.sh web UI */
2929
body[data-theme="dark"] {
30-
--bg-main: #1a1f1e;
31-
--bg-card: #1a1f1e;
30+
--bg-main: #1B2124;
31+
--bg-card: #1B2124;
3232
--bg-input: #252b2a;
3333
--text-primary: #e8e8e8;
3434
--text-secondary: #9e9e9e;
@@ -40,8 +40,8 @@
4040
/* Auto theme (system preference) */
4141
@media (prefers-color-scheme: dark) {
4242
body[data-theme="auto"] {
43-
--bg-main: #1a1f1e;
44-
--bg-card: #1a1f1e;
43+
--bg-main: #1B2124;
44+
--bg-card: #1B2124;
4545
--bg-input: #252b2a;
4646
--text-primary: #e8e8e8;
4747
--text-secondary: #9e9e9e;
@@ -224,7 +224,7 @@
224224
.form-select,
225225
.form-textarea {
226226
width: 100%;
227-
padding: 10px 0;
227+
padding: 4px 0 10px 0;
228228
font-size: 14px;
229229
background-color: transparent;
230230
color: var(--text-primary);
@@ -269,7 +269,7 @@
269269

270270
.custom-dropdown-selected {
271271
cursor: pointer;
272-
padding: 10px 28px 10px 0;
272+
padding: 4px 28px 10px 0;
273273
border: none;
274274
border-bottom: 1px solid var(--border-color);
275275
background-color: transparent;
@@ -348,6 +348,7 @@
348348
font-size: 11px;
349349
color: var(--text-secondary);
350350
margin-top: 4px;
351+
padding-bottom: 6px;
351352
}
352353

353354
/* Topic Badges */
@@ -358,7 +359,7 @@
358359
flex-wrap: wrap;
359360
align-items: center;
360361
gap: 6px;
361-
padding: 8px 0;
362+
padding: 4px 0 8px 0;
362363
background-color: transparent;
363364
border: none;
364365
border-bottom: 1px solid var(--border-color);

0 commit comments

Comments
 (0)