From 7ac11ad3009e4903acd70b257f44fa5a373bec3e Mon Sep 17 00:00:00 2001 From: Chris Brame Date: Sun, 16 Dec 2018 23:50:20 -0500 Subject: [PATCH] fix(appearance): dark theme colors --- src/sass/partials/c3.sass | 11 ++++++++++- src/sass/partials/chosen.sass | 14 +++++++++----- src/sass/partials/common.sass | 12 ++++++------ 3 files changed, 25 insertions(+), 12 deletions(-) diff --git a/src/sass/partials/c3.sass b/src/sass/partials/c3.sass index 5cafaaf3e..1e74ee466 100644 --- a/src/sass/partials/c3.sass +++ b/src/sass/partials/c3.sass @@ -1,2 +1,11 @@ .c3-chart-arc text - font-size: 10px !important \ No newline at end of file + 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) \ No newline at end of file diff --git a/src/sass/partials/chosen.sass b/src/sass/partials/chosen.sass index d8cabf530..f40be20c1 100644 --- 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 index 7d8bf5ae7..876a6895c 100644 --- 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)