Github/ocrcc-chatbox
1
0
Fork 1
mirror of https://github.com/Safe-Support-Chat/ocrcc-chatbox synced 2024-11-01 00:55:26 +00:00
Code Issues Projects Releases Wiki Activity

fix input colours in dark mode

Browse Source
This commit is contained in:
Sharon Kennedy 2020-04-02 18:04:23 -04:00
parent 1e46b2235c
commit fc0d0b2da7
1 changed files with 37 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/components/_dark_mode.scss
View File

@ -117,26 +117,48 @@
}
.input-window {
input[type="text"] {
background-color: $dark-background-color;
color: $light-text-color;
border: 1px solid $white;
.message-input-container {
input[type="text"] {
background-color: $dark-background-color;
color: $light-text-color;
border: 1px solid $white;
&:hover {
border: 1px solid $theme-color;
box-shadow: inset 0px 0px 0px 1px $theme-color;
&:hover {
border: 1px solid $theme-color;
box-shadow: inset 0px 0px 0px 1px $theme-color;
}
&:focus {
outline: none;
border: 1px solid $theme-color;
box-shadow: inset 0px 0px 0px 1px $theme-color;
background: $dark-theme-highlight-color;
}
}
&:focus {
outline: none;
border: 1px solid $theme-color;
box-shadow: inset 0px 0px 0px 1px $theme-color;
background: $dark-theme-highlight-color;
::placeholder {
color: transparentize($light-text-color, 0.3);
}
.emoji-button-container {
button {
&#emoji-button {
&:hover {
svg path#icon {
fill: $theme-color;
}
}
&:focus {
svg path#icon {
fill: $light-purple;
}
}
}
}
}
}
::placeholder {
color: transparentize($light-text-color, 0.3);
}
input[type="submit"] {