From fb5634dcafb8bd492b0ec77d751a376b1747d98b Mon Sep 17 00:00:00 2001 From: Purushottam Tapase Date: Sat, 21 Oct 2023 10:35:07 +0530 Subject: [PATCH 1/2] reduced translate value --- resources/style/themeToggle.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/resources/style/themeToggle.css b/resources/style/themeToggle.css index 6c1c86a7..03d2ae46 100644 --- a/resources/style/themeToggle.css +++ b/resources/style/themeToggle.css @@ -33,7 +33,7 @@ html[theme='dark'] { .theme-toggle { position: relative; display: inline-block; - width: 60px; + width: 65px; height: 24px; } @@ -77,7 +77,7 @@ input:focus + .slider { } input:checked + .slider::before { - transform: translateX(35px); + transform: translateX(20px); } /* Rounded Slider */ From ff671e78220746eaaed492bc6c4ae1b65643c7f9 Mon Sep 17 00:00:00 2001 From: Purushottam Tapase Date: Sat, 21 Oct 2023 10:57:34 +0530 Subject: [PATCH 2/2] Fixed darkmode toggle button --- resources/style/themeToggle.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/resources/style/themeToggle.css b/resources/style/themeToggle.css index 03d2ae46..0c6e0cd4 100644 --- a/resources/style/themeToggle.css +++ b/resources/style/themeToggle.css @@ -33,7 +33,7 @@ html[theme='dark'] { .theme-toggle { position: relative; display: inline-block; - width: 65px; + width: 60px; height: 24px; }