diff --git a/templates/admin/base.html b/templates/admin/base.html
index 2a1529a..d6e7a3e 100644
--- a/templates/admin/base.html
+++ b/templates/admin/base.html
@@ -5,7 +5,17 @@
 <link rel="stylesheet" href="{{ url_for('static', filename='css/toastify.css') }}">
 <link rel="stylesheet" href="{{ url_for('static', filename='css/coloris.min.css') }}">
 <style>
-	@media screen and (max-width: 800px) {
+	[data-bs-theme=dark] .form-switch .form-check-input:focus:not(:checked) {
+		--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23{{ cfg.style.accentDark[1:] }}'/%3e%3c/svg%3e");
+	}
+	[data-bs-theme=light] .form-switch .form-check-input:focus:not(:checked) {
+		--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23{{ cfg.style.accentLight[1:] }}'/%3e%3c/svg%3e");
+	}
+	.btn.btn-outline-secondary:focus {
+		border-color: transparent;
+		background-color: var(--bs-btn-active-bg) !important;
+	}
+	@media screen and (max-width: 767px) {
 		#sidebar-col {
 			border-right: 0 !important;
 			padding-right: calc(var(--bs-gutter-x) * .5) !important;