Просмотр исходного кода

improve island and wood colors

kaori 4 лет назад
Родитель
Сommit
07b9e5b3cf
2 измененных файлов с 23 добавлено и 3 удалено
  1. 22 2
      packages/app/src/styles/theme/island.scss
  2. 1 1
      packages/app/src/styles/theme/wood.scss

+ 22 - 2
packages/app/src/styles/theme/island.scss

@@ -29,9 +29,9 @@ html[dark] {
   // $color-list: $color-global;
   // $bgcolor-list: lighten($color-themelight, 10%);
   // $color-list-hover: ;
-  // $bgcolor-list-hover: ;
+  $bgcolor-list-hover: $color-themelight;
   $color-list-active: $color-global;
-  // $bgcolor-list-active: $primary;
+  $bgcolor-list-active: lighten($bgcolor-list-hover, 5%);
 
   // Table colors
   // $color-table: #; // optional
@@ -118,4 +118,24 @@ html[dark] {
       color: $color-reversal;
     }
   }
+
+  /*
+   * GROWI Sidebar
+  */
+  .grw-sidebar {
+    // Pagetree
+    .grw-pagetree {
+      @include override-list-group-item-for-pagetree(
+        $color-list,
+        $bgcolor-sidebar-list-group,
+        $color-list-hover,
+        $bgcolor-list-hover,
+        $color-list-active,
+        $bgcolor-list-active,
+        $gray-400
+      );
+    }
+  }
 }
+// $color-list-hover,
+// $bgcolor-list-hover,

+ 1 - 1
packages/app/src/styles/theme/wood.scss

@@ -88,7 +88,7 @@ html[dark] {
   $color-editor-icons: $color-global;
 
   // Sidebar
-  $bgcolor-sidebar: transparent;
+  $bgcolor-sidebar: $themecolor;
   // Sidebar contents
   $color-sidebar-context: #9d7406;
   $bgcolor-sidebar-context: transparent;