From 3a1d66c8ca083ca340df11ed4c46e765181c50ae Mon Sep 17 00:00:00 2001 From: f Date: Wed, 5 Feb 2025 03:01:58 +0300 Subject: [PATCH] improve ui --- _layouts/default.html | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/_layouts/default.html b/_layouts/default.html index 1be2d3c..a875d58 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1125,6 +1125,10 @@ transition: .4s; } + .dark-mode .slider { + background-color: #555; + } + .slider:before { position: absolute; content: ""; @@ -1136,14 +1140,26 @@ transition: .4s; } + .dark-mode .slider:before { + background-color: #e1e1e1; + } + input:checked + .slider { background-color: var(--accent-color); } + .dark-mode input:checked + .slider { + background-color: var(--accent-color); + } + input:focus + .slider { box-shadow: 0 0 1px var(--accent-color); } + .dark-mode input:focus + .slider { + box-shadow: 0 0 1px var(--accent-color); + } + input:checked + .slider:before { transform: translateX(20px); } @@ -1156,6 +1172,16 @@ border-radius: 50%; } + .dev-mode-label { + color: var(--text-color-light); + margin-left: 8px; + font-size: 0.9rem; + } + + .dark-mode .dev-mode-label { + color: var(--text-color-dark); + } + @media (max-width: 768px) { .dev-mode-label { display: none;