Fix color accessibility of preview descriptions

This commit is contained in:
Pavel Djundik 2018-04-14 10:20:50 +03:00
parent b58c95ec9e
commit db1f3d4401
1 changed files with 17 additions and 15 deletions

View File

@ -5,27 +5,24 @@
* License: MIT * License: MIT
*/ */
::-webkit-scrollbar {
display: none;
}
/* Samsung Internet and Microsoft Edge (yes, both of them use -webkit- prefix) */
::-webkit-input-placeholder {
color: rgba(131, 148, 150, 0.9);
}
:root { :root {
--link-color: #268bd2; --link-color: #268bd2;
--background-dark-color: #051114; --background-dark-color: #051114;
--background-light-color: #002b36; --background-light-color: #002b36;
} }
::-webkit-scrollbar { ::placeholder {
display: none;
}
::-moz-placeholder {
color: rgba(131, 148, 150, 0.9);
opacity: 1;
}
::-webkit-input-placeholder {
color: rgba(131, 148, 150, 0.9);
}
:-ms-input-placeholder {
color: rgba(131, 148, 150, 0.9); color: rgba(131, 148, 150, 0.9);
opacity: 1; /* fix opacity in Firefox */
} }
.logo { .logo {
@ -179,7 +176,7 @@ body {
#chat .self .text, #chat .self .text,
#chat .time { #chat .time {
color: #8ba1a7; color: #999;
} }
#chat .user-mode::before, #chat .user-mode::before,
@ -282,6 +279,11 @@ body {
#chat .toggle-content { #chat .toggle-content {
background-color: var(--background-light-color); background-color: var(--background-light-color);
}
#chat .toggle-content,
#chat .toggle-text .body,
#chat .toggle-type-error {
color: #99a2b4; color: #99a2b4;
} }