Skip to content

Commit f71640c

Browse files
Add border to theme toggle for better visibility
- Add 2px border to toggle switch with rgba(0,0,0,0.25) in light mode - Change border to rgba(255,255,255,0.3) in dark mode for better contrast - Add border-color to transition properties for smooth color change - Toggle now stands out against both light and dark sidebar backgrounds Co-authored-by: chrismaddalena <10526228+chrismaddalena@users.noreply.github.com>
1 parent c4c5626 commit f71640c

1 file changed

Lines changed: 3 additions & 1 deletion

File tree

ghostwriter/templates/base_generic.html

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -427,9 +427,10 @@
427427
right: 0;
428428
bottom: 0;
429429
background: linear-gradient(135deg, #87CEEB 0%, #f46036 100%);
430-
transition: background 0.5s ease;
430+
transition: background 0.5s ease, border-color 0.5s ease;
431431
border-radius: 40px;
432432
overflow: hidden;
433+
border: 2px solid rgba(0, 0, 0, 0.25);
433434
}
434435

435436
/* Sun */
@@ -562,6 +563,7 @@
562563
/* Checked state (Dark mode) */
563564
input:checked + .theme-slider {
564565
background: linear-gradient(135deg, #1c2135 0%, #2c3150 100%);
566+
border-color: rgba(255, 255, 255, 0.3);
565567
}
566568

567569
input:checked + .theme-slider .sun {

0 commit comments

Comments
 (0)