Add textarea-specific text color settings

This commit is contained in:
Miraty 2021-04-27 00:24:20 +02:00
parent 615e6d223f
commit b009740d6a
2 changed files with 22 additions and 19 deletions

View File

@ -279,12 +279,13 @@ header, footer {
&:hover { &:hover {
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;
@media @light { @media @light {
color: @text-light; border-color: @borderHover-light;
} }
@media @dark { @media @dark {
color: @text-dark; border-color: @borderHover-dark;
} }
} }
@ -294,11 +295,11 @@ header, footer {
outline: none; outline: none;
@media @light { @media @light {
border-color: @borderHover-light; border-color: @borderFocus-light;
} }
@media @dark { @media @dark {
border-color: @borderHover-dark; border-color: @borderFocus-dark;
} }
} }
} }
@ -322,15 +323,15 @@ header, footer {
scrollbar-width: auto; scrollbar-width: auto;
@media @light { @media @light {
background-color: @bgTextField-light; background-color: @bgTextarea-light;
color: @text-light; color: @textareaText-light;
scrollbar-color: @text-light @bgTextField-light; scrollbar-color: @textareaText-light @bgTextarea-light;
} }
@media @dark { @media @dark {
background-color: @bgTextField-dark; background-color: @bgTextarea-dark;
color: @text-dark; color: @textareaText-dark;
scrollbar-color: @text-dark @bgTextField-dark; scrollbar-color: @textareaText-dark @bgTextarea-dark;
} }
} }
@ -347,11 +348,11 @@ input[type=submit] {
font-weight: normal; font-weight: normal;
font-size: 1em; font-size: 1em;
@media @light { @media @light {
color: @secondaryText-light; color: @textareaPlaceholder-light;
} }
@media @dark { @media @dark {
color: @secondaryText-dark; color: @textareaPlaceholder-dark;
} }
} }

View File

@ -5,23 +5,25 @@ $themeDimensionsIcons = array(16, 32, 48, 64, 96, 128, 192, 256, 384, 512);
$colorScheme = array( $colorScheme = array(
// Light theme // Light theme
"text-light" => "#2a2a2a",
"bg-light" => "white", "bg-light" => "white",
"bgField-light" => "#eeeeee", "bgField-light" => "#eeeeee",
"bgTextField-light" => "#e5e5e5",
"bgHelp-light" => "#ececec", "bgHelp-light" => "#ececec",
"bgTextarea-light" => "#e5e5e5",
"textareaText-light" => "#2a2a2a",
"textareaPlaceholder-light" => "#868686",
"border-light" => "#65666b", "border-light" => "#65666b",
"borderHover-light" => "#46484e", "borderHover-light" => "#46484e",
"borderFocus-light" => "#2a2a2a", "borderFocus-light" => "#2a2a2a",
"text-light" => "#2a2a2a",
"secondaryText-light" => "#868686",
// Dark theme // Dark theme
"text-dark" => "white",
"bg-dark" => "#2a2a2a", "bg-dark" => "#2a2a2a",
"bgField-dark" => "#31363B", "bgField-dark" => "#31363B",
"bgTextField-dark" => "#232629",
"bgHelp-dark" => "#151616", "bgHelp-dark" => "#151616",
"bgTextarea-dark" => "#232629",
"textareaText-dark" => "white",
"textareaPlaceholder-dark" => "#bababa",
"border-dark" => "#5f5f5f", "border-dark" => "#5f5f5f",
"borderHover-dark" => "#808080", "borderHover-dark" => "#808080",
"borderFocus-dark" => "white", "borderFocus-dark" => "white"
"text-dark" => "white",
"secondaryText-dark" => "#bababa"
); );