Add textarea-specific text color settings
This commit is contained in:
parent
615e6d223f
commit
b009740d6a
2 changed files with 22 additions and 19 deletions
25
style.less
25
style.less
|
@ -279,12 +279,13 @@ header, footer {
|
|||
&:hover {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
|
||||
@media @light {
|
||||
color: @text-light;
|
||||
border-color: @borderHover-light;
|
||||
}
|
||||
|
||||
@media @dark {
|
||||
color: @text-dark;
|
||||
border-color: @borderHover-dark;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -294,11 +295,11 @@ header, footer {
|
|||
outline: none;
|
||||
|
||||
@media @light {
|
||||
border-color: @borderHover-light;
|
||||
border-color: @borderFocus-light;
|
||||
}
|
||||
|
||||
@media @dark {
|
||||
border-color: @borderHover-dark;
|
||||
border-color: @borderFocus-dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -322,15 +323,15 @@ header, footer {
|
|||
scrollbar-width: auto;
|
||||
|
||||
@media @light {
|
||||
background-color: @bgTextField-light;
|
||||
color: @text-light;
|
||||
scrollbar-color: @text-light @bgTextField-light;
|
||||
background-color: @bgTextarea-light;
|
||||
color: @textareaText-light;
|
||||
scrollbar-color: @textareaText-light @bgTextarea-light;
|
||||
}
|
||||
|
||||
@media @dark {
|
||||
background-color: @bgTextField-dark;
|
||||
color: @text-dark;
|
||||
scrollbar-color: @text-dark @bgTextField-dark;
|
||||
background-color: @bgTextarea-dark;
|
||||
color: @textareaText-dark;
|
||||
scrollbar-color: @textareaText-dark @bgTextarea-dark;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -347,11 +348,11 @@ input[type=submit] {
|
|||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
@media @light {
|
||||
color: @secondaryText-light;
|
||||
color: @textareaPlaceholder-light;
|
||||
}
|
||||
|
||||
@media @dark {
|
||||
color: @secondaryText-dark;
|
||||
color: @textareaPlaceholder-dark;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -5,23 +5,25 @@ $themeDimensionsIcons = array(16, 32, 48, 64, 96, 128, 192, 256, 384, 512);
|
|||
|
||||
$colorScheme = array(
|
||||
// Light theme
|
||||
"text-light" => "#2a2a2a",
|
||||
"bg-light" => "white",
|
||||
"bgField-light" => "#eeeeee",
|
||||
"bgTextField-light" => "#e5e5e5",
|
||||
"bgHelp-light" => "#ececec",
|
||||
"bgTextarea-light" => "#e5e5e5",
|
||||
"textareaText-light" => "#2a2a2a",
|
||||
"textareaPlaceholder-light" => "#868686",
|
||||
"border-light" => "#65666b",
|
||||
"borderHover-light" => "#46484e",
|
||||
"borderFocus-light" => "#2a2a2a",
|
||||
"text-light" => "#2a2a2a",
|
||||
"secondaryText-light" => "#868686",
|
||||
// Dark theme
|
||||
"text-dark" => "white",
|
||||
"bg-dark" => "#2a2a2a",
|
||||
"bgField-dark" => "#31363B",
|
||||
"bgTextField-dark" => "#232629",
|
||||
"bgHelp-dark" => "#151616",
|
||||
"bgTextarea-dark" => "#232629",
|
||||
"textareaText-dark" => "white",
|
||||
"textareaPlaceholder-dark" => "#bababa",
|
||||
"border-dark" => "#5f5f5f",
|
||||
"borderHover-dark" => "#808080",
|
||||
"borderFocus-dark" => "white",
|
||||
"text-dark" => "white",
|
||||
"secondaryText-dark" => "#bababa"
|
||||
"borderFocus-dark" => "white"
|
||||
);
|
||||
|
|
Loading…
Reference in a new issue