mirror of
https://github.com/Safe-Support-Chat/ocrcc-chatbox
synced 2024-11-01 00:55:26 +00:00
fix color inconsistencies
This commit is contained in:
parent
5e4f96efba
commit
9daba69247
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
@ -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 */
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user