dave/ocrcc-chatbox
1
0
Fork 0
forked from Github/ocrcc-chatbox
Code Issues Pull Requests Projects Releases Wiki Activity

fix color inconsistencies

Browse Source
This commit is contained in:
Sharon Kennedy 2020-02-25 20:21:09 -05:00
parent 5e4f96efba
commit 9daba69247
3 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/_chat.scss
View File

@ -85,7 +85,7 @@
#open-chatbox-label, .label-icon { #open-chatbox-label, .label-icon {
border: 1px solid $dark-color; border: 1px solid $dark-color;
box-shadow: inset 0px 0px 0px 1px $dark-color; box-shadow: inset 0px 0px 0px 1px $dark-color;
background-color: transparentize($theme-color, 0.15); background-color: $theme-highlight-color;
} }
} }
} }
@ -325,7 +325,7 @@
display: flex; display: flex;
flex: 1 1 auto; flex: 1 1 auto;
border: 1px solid $dark-color; border: 1px solid $dark-color;
background: $light-color; background: $white;
color: $dark-color; color: $dark-color;
font-family: $theme-font; font-family: $theme-font;
margin-right: 0.2rem; margin-right: 0.2rem;
@ -367,7 +367,7 @@
outline: none; outline: none;
border: 1px solid $dark-color; border: 1px solid $dark-color;
box-shadow: inset 0px 0px 0px 1px $dark-color; box-shadow: inset 0px 0px 0px 1px $dark-color;
background-color: transparentize($theme-color, 0.15); background-color: $theme-highlight-color;
} }
} }
} }

13
src/components/_dark_mode.scss
View File

@ -4,6 +4,19 @@
color: $dark-theme-color; color: $dark-theme-color;
} }
.dock {
#open-chatbox-label, .label-icon {
border-color: $white;
}
&:hover {
#open-chatbox-label, .label-icon {
border: 1px solid $dark-color;
box-shadow: inset 0px 0px 0px 1px $dark-color;
}
}
}
.widget-header-minimize, .widget-header-close { .widget-header-minimize, .widget-header-close {
background: $dark-background-color; background: $dark-background-color;
color: $light-text-color; color: $light-text-color;

6
src/components/_variables.scss
View File

@ -1,7 +1,8 @@
@import url('https://fonts.googleapis.com/css?family=Assistant&display=swap'); @import url('https://fonts.googleapis.com/css?family=Assistant&display=swap');
$purple: #785BEC; $purple: #785BEC;
$light-purple: #f1eefd; $light-purple: #ebe6fc;
$medium-purple: #4D3A97;
$charcoal: #828282; $charcoal: #828282;
$light-color: #F2F2F2; $light-color: #F2F2F2;
$gray-color: $charcoal; $gray-color: $charcoal;
@ -13,7 +14,8 @@ $highlight-color: $yellow;
$theme-color: $purple; $theme-color: $purple;
$theme-light-color: $light-purple; $theme-light-color: $light-purple;
$theme-font: 'Assistant', 'Helvetica', sans-serif; $theme-font: 'Assistant', 'Helvetica', sans-serif;
$drop-shadow-color: #BDBEBF; $theme-highlight-color: $medium-purple;
/* Dark mode colors */ /* Dark mode colors */