fix(appearance): dark theme colors

polonel · Dec 17, 2018 · 7ac11ad · 7ac11ad
1 parent 26d3eb1
commit 7ac11ad
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 12 deletions.
diff --git a/src/sass/partials/c3.sass b/src/sass/partials/c3.sass
@@ -1,2 +1,11 @@
 .c3-chart-arc text
-  font-size: 10px !important
+  font-size: 10px !important
+
+.c3-tooltip-container
+  .c3-tooltip
+    tr
+      border: none !important
+    td
+      border-color: $page_content_border_color
+      background: $page_bg_color
+      color: automatic-text-color($page_bg_color)
diff --git a/src/sass/partials/chosen.sass b/src/sass/partials/chosen.sass
@@ -20,21 +20,25 @@
 
   .chosen-container-multi .chosen-choices li.search-choice
     padding: 0 25px 0 7px
-    background: darken(#eceff6, 20%)
+    background: #3498db
     span
       color: white
       line-height: 27px
   .chosen-container .chosen-results li.highlighted
-    background: darken(#eceff6, 15%)
-    color: $text_color
+    background: #3498db
+    color: white
+
+  .chosen-container-multi .chosen-drop .result-selected
+    color: darken($page_content_right_bg, 15%)
 
   button
     padding: 5px 10px
     height: 36px
     width: 50px
     margin-left: -50px
-    background: darken(#eceff6, 8%)
-    border: 1px solid #9aa1ad
+    background: darken($page_content_right_bg, 20%)
+    border: 1px solid darken($page_content_right_bg, 20%)
+    color: automatic-text-color(darken($page_content_right_bg, 20%))
     border-left: none
     +borderRadius(0 3px 3px 0)
     z-index: 999

diff --git a/src/sass/partials/common.sass b/src/sass/partials/common.sass
@@ -611,17 +611,17 @@ div.hoverAction
 
   .chosen-container-multi
     .chosen-choices
-      border: 1px solid #dfe4ef
-      background: #f3f5f9
+      border: 1px solid darken($page_content_right_bg, 15%) !important
+      background: darken($page_content_right_bg, 10%)
       +borderRadius(3px)
 
     .chosen-drop
-      background: lighten(#f3f5f9, 10%)
-      border-color: #dfe4ef
+      background: darken($page_content_right_bg, 10%)
+      border-color: darken($page_content_right_bg, 15%)
 
   span
     font-size: 0.875rem
-    color: automatic-text-color(lighten($page_content_right_bg, 10%), 'muted')
+    color: automatic-text-color(lighten($page_content_right_bg, 15%), 'muted')
     font-weight: normal
     line-height: 1.5
     margin-bottom: 0
@@ -635,7 +635,7 @@ div.hoverAction
     color: $text_color
     resize: none
     background: #f3f5f9
-    border: 1px solid #dfe4ef
+    border: 1px solid darken($page_content_right_bg, 10%)
     +borderRadius(3px)
     box-sizing: border-box
     +boxShadow(none)