Fix: unify styling of theme switch with UI

3 years ago · 113899e278
parent d1d000bd74
commit 113899e278
1 changed files with 12 additions and 0 deletions
--- a/src/pages/Settings.vue
+++ b/src/pages/Settings.vue
@ -248,10 +248,22 @@ export default {
    padding: 20px;
 }

+.btn-check:active + .btn-outline-primary,
+.btn-check:checked + .btn-outline-primary,
+.btn-check:hover + .btn-outline-primary {
+    color: #fff;
+}
+
 .dark {
    .list-group-item {
        background-color: $dark-bg2;
        color: $dark-font-color;
    }
+
+    .btn-check:active + .btn-outline-primary,
+    .btn-check:checked + .btn-outline-primary,
+    .btn-check:hover + .btn-outline-primary {
+        color: #000;
+    }
 }
 </style>