浏览代码

Tweak modal tab style

JC Brand 2 年之前
父节点
当前提交
5ea00b8008
共有 2 个文件被更改,包括 8 次插入1 次删除
  1. 7 0
      src/plugins/modal/styles/_modal.scss
  2. 1 1
      src/shared/styles/themes/concord.scss

+ 7 - 0
src/plugins/modal/styles/_modal.scss

@@ -38,10 +38,17 @@
         .modal {
             .nav-item {
                 margin: 0.25em;
+                .nav-link {
+                    &.active {
+                        color: var(--background);
+                    }
+                }
                 &:hover {
                     .nav-link {
+                        color: var(--foreground);
                         background-color: var(--primary-color-light);
                         &.active {
+                            color: var(--background);
                             background-color: var(--primary-color);
                         }
                     }

+ 1 - 1
src/shared/styles/themes/concord.scss

@@ -18,7 +18,7 @@
     --heading-display: inline;
     --heading-color: #9B4D;
 
-    --link-hover-color: var(--lighter-blue);
+    --link-hover-color: var(--light-blue);
 
     --chatroom-badge-color: var(--redder-orange);
     --chatroom-badge-hover-color: #D24E2B; // $red