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

restyle chatbox and some refactoring

Browse Source
This commit is contained in:
Sharon Kennedy
2020-02-23 23:12:47 -05:00
parent 37455346f3
commit dcd4e4a9ba
14 changed files with 385 additions and 385 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/_dark_mode.scss
View File

@@ -1,21 +1,23 @@
@media (prefers-color-scheme: dark) {
.dock {
background: $dark-theme-color;
}
.loader {
color: $dark-theme-color;
}
#ocrcc-chatbox {
border: 1px solid $dark-theme-color;
.btn-icon {
color: $light-text-color;
}
.widget-header {
background-color: $dark-theme-color;
.widget-header-minimize, .widget-header-close {
background: $dark-background-color;
color: $light-text-color;
border: 1px solid $white;
}
.message-window {
background-color: $dark-background-color;
border: 1px solid $white;
}
.notices {
@@ -30,9 +32,9 @@
&.from-me {
.text {
background-color: $light-background-color;
color: $dark-text-color;
border: 1px solid $light-text-color;
background-color: $theme-color;
color: $light-text-color;
border: 1px solid $theme-color;
}
}
@@ -40,24 +42,26 @@
.text {
background-color: $dark-theme-color;
color: $light-text-color;
border: 1px solid $light-text-color;
border: 1px solid $dark-theme-color;
}
}
}
.input-window {
form {
border-top: 1px solid $dark-theme-color;
input[type="text"] {
background-color: $dark-theme-color;
color: $light-text-color;
border: 1px solid $white;
}
input[type="text"] {
background-color: $light-background-color;
color: $dark-text-color;
::placeholder {
color: transparentize($light-text-color, 0.3);
}
input[type="submit"] {
background-color: $dark-theme-color;
background-color: $theme-color;
color: $light-text-color;
border: 1px solid $white;
}
}
}