Github/ocrcc-chatbox
1
0
Fork 1
mirror of https://github.com/Safe-Support-Chat/ocrcc-chatbox synced 2024-12-23 17:47:43 +00:00
Code Issues 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 {
border: 1px solid $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;
flex: 1 1 auto;
border: 1px solid $dark-color;
background: $light-color;
background: $white;
color: $dark-color;
font-family: $theme-font;
margin-right: 0.2rem;
@ -367,7 +367,7 @@
outline: none;
border: 1px solid $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;
}
.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 {
background: $dark-background-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');
$purple: #785BEC;
$light-purple: #f1eefd;
$light-purple: #ebe6fc;
$medium-purple: #4D3A97;
$charcoal: #828282;
$light-color: #F2F2F2;
$gray-color: $charcoal;
@ -13,7 +14,8 @@ $highlight-color: $yellow;
$theme-color: $purple;
$theme-light-color: $light-purple;
$theme-font: 'Assistant', 'Helvetica', sans-serif;
$drop-shadow-color: #BDBEBF;
$theme-highlight-color: $medium-purple;
/* Dark mode colors */