浏览代码

CSS: fix hover color

JC Brand 3 年之前
父节点
当前提交
817b1200ca
共有 3 个文件被更改,包括 15 次插入9 次删除
  1. 11 7
      src/shared/styles/lists.scss
  2. 1 0
      src/shared/styles/themes/classic.scss
  3. 3 2
      src/shared/styles/themes/dracula.scss

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

@@ -98,22 +98,26 @@
             }
             }
 
 
             &.open {
             &.open {
+                &:hover {
+                    .list-item-link {
+                        color: var(--inverse-link-color);
+                        &:hover {
+                            color: var(--inverse-link-color);
+                        }
+                    }
+                }
+
                 background-color: var(--list-item-open-color);
                 background-color: var(--list-item-open-color);
                 &:hover {
                 &:hover {
                     background-color: var(--list-item-open-hover-color);
                     background-color: var(--list-item-open-hover-color);
                 }
                 }
                 a {
                 a {
-                    color: white;
-                }
-                .list-item-link {
-                    &:hover {
-                        color: var(--list-item-link-hover-color);
-                    }
+                    color: var(--inverse-link-color);
                 }
                 }
                 .list-item-action {
                 .list-item-action {
                     color: var(--list-item-action-color);
                     color: var(--list-item-action-color);
                     &:hover {
                     &: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-color: var(--controlbox-head-color);
     --list-item-open-hover-color: var(--controlbox-head-color);
     --list-item-open-hover-color: var(--controlbox-head-color);
     --list-dot-circle-color: #f6dec1; // lighten($orange, 25%)
     --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);
     --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-color: var(--comment);
     --list-toggle-hover-color: var(--comment);
     --list-toggle-hover-color: var(--comment);
     --list-item-hover-color: var(--current-line);
     --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-color: var(--foreground);
     --list-item-link-hover-color: var(--link-color);
     --list-item-link-hover-color: var(--link-color);
     --list-item-open-color: var(--current-line);
     --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-dot-circle-color: var(--orange);
+    --list-item-action-hover-color: var(--cyan);
 }
 }