mirror of
https://github.com/Safe-Support-Chat/ocrcc-chatbox
synced 2024-11-01 00:55:26 +00:00
fix input colours in dark mode
This commit is contained in:
parent
1e46b2235c
commit
fc0d0b2da7
@ -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"] {
|
||||||
|
Loading…
Reference in New Issue
Block a user