Add textarea-specific text color settings
This commit is contained in:
parent
615e6d223f
commit
b009740d6a
25
style.less
25
style.less
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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"
|
|
||||||
);
|
);
|
||||||
|
Loading…
Reference in New Issue
Block a user