Selaa lähdekoodia

CSS: fix hover color

JC Brand 3 vuotta sitten
vanhempi
commit
817b1200ca

+ 11 - 7
src/shared/styles/lists.scss

@@ -98,22 +98,26 @@
             }
 
             &.open {
+                &:hover {
+                    .list-item-link {
+                        color: var(--inverse-link-color);
+                        &:hover {
+                            color: var(--inverse-link-color);
+                        }
+                    }
+                }
+
                 background-color: var(--list-item-open-color);
                 &:hover {
                     background-color: var(--list-item-open-hover-color);
                 }
                 a {
-                    color: white;
-                }
-                .list-item-link {
-                    &:hover {
-                        color: var(--list-item-link-hover-color);
-                    }
+                    color: var(--inverse-link-color);
                 }
                 .list-item-action {
                     color: var(--list-item-action-color);
                     &:hover {
-                        color: var(--list-item-link-hover-color);
+                        color: var(--list-item-action-hover-color);
                     }
                 }
             }

+ 1 - 0
src/shared/styles/themes/classic.scss

@@ -165,6 +165,7 @@
     --list-item-open-color: var(--controlbox-head-color);
     --list-item-open-hover-color: var(--controlbox-head-color);
     --list-dot-circle-color: #f6dec1; // lighten($orange, 25%)
+    --list-item-action-hover-color: var(--inverse-link-color);
 
     --chat-msg-hover-color: var(--list-item-hover-color);
 }

+ 3 - 2
src/shared/styles/themes/dracula.scss

@@ -129,10 +129,11 @@
     --list-toggle-color: var(--comment);
     --list-toggle-hover-color: var(--comment);
     --list-item-hover-color: var(--current-line);
-    --list-item-action-color: var(--cyan);
+    --list-item-action-color: var(--comment);
     --list-item-link-color: var(--foreground);
     --list-item-link-hover-color: var(--link-color);
     --list-item-open-color: var(--current-line);
-    --list-item-open-hover-color: var(--controlbox-head-color);
+    --list-item-open-hover-color: var(--current-line);
     --list-dot-circle-color: var(--orange);
+    --list-item-action-hover-color: var(--cyan);
 }