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-window {
input[type="text"] { .message-input-container {
background-color: $dark-background-color; input[type="text"] {
color: $light-text-color; background-color: $dark-background-color;
border: 1px solid $white; color: $light-text-color;
border: 1px solid $white;
&:hover { &:hover {
border: 1px solid $theme-color; border: 1px solid $theme-color;
box-shadow: inset 0px 0px 0px 1px $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 { ::placeholder {
outline: none; color: transparentize($light-text-color, 0.3);
border: 1px solid $theme-color; }
box-shadow: inset 0px 0px 0px 1px $theme-color;
background: $dark-theme-highlight-color; .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"] { input[type="submit"] {