Explicit theme colors for inputs and textarea

pull/2780/head
Chocobozzz 2020-05-20 11:39:31 +02:00
parent b66c5e58f1
commit 3bf07dd8c2
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
4 changed files with 10 additions and 1 deletions

View File

@ -14,7 +14,6 @@ $input-border-radius: 3px;
textarea {
@include peertube-textarea(100%, 150px);
background-color: var(--textareaBackgroundColor);
font-family: monospace;
font-size: 13px;
border-bottom: none;

View File

@ -35,9 +35,11 @@ body {
--menuForegroundColor: #{$menu-color};
--submenuColor: #{$sub-menu-color};
--inputForegroundColor: #{$input-foreground-color};
--inputBackgroundColor: #{$input-background-color};
--inputPlaceholderColor: #{$input-placeholder-color};
--textareaForegroundColor: #{$textarea-foreground-color};
--textareaBackgroundColor: #{$textarea-background-color};
--actionButtonColor: #{$grey-foreground-color};

View File

@ -90,6 +90,7 @@
display: inline-block;
height: $button-height;
width: $width;
color: var(--inputForegroundColor);
background: var(--inputBackgroundColor);
border: 1px solid #C6C6C6;
border-radius: 3px;
@ -121,6 +122,8 @@
@mixin peertube-textarea ($width, $height) {
@include peertube-input-text($width);
color: var(--textareaForegroundColor);
background-color: var(--textareaBackgroundColor);
height: $height;
padding: 5px 15px;
font-size: 15px;
@ -280,6 +283,7 @@
margin: 0;
width: $width;
border-radius: 3px;
color: var(--inputForegroundColor);
background: var(--inputBackgroundColor);
position: relative;
font-size: 15px;

View File

@ -63,9 +63,11 @@ $video-thumbnail-ratio: $video-thumbnail-width / $video-thumbnail-height;
$theater-bottom-space: 115px;
$input-foreground-color: $fg-color;
$input-background-color: $bg-color;
$input-placeholder-color: #898989;
$textarea-foreground-color: $fg-color;
$textarea-background-color: $grey-background-hover-color;
$sub-menu-margin-bottom: 30px;
@ -92,9 +94,11 @@ $variables: (
--menuForegroundColor: var(--menuForegroundColor),
--submenuColor: var(--submenuColor),
--inputForegroundColor: var(--inputForegroundColor),
--inputBackgroundColor: var(--inputBackgroundColor),
--inputPlaceholderColor: var(--inputPlaceholderColor),
--textareaForegroundColor: var(--textareaForegroundColor),
--textareaBackgroundColor: var(--textareaBackgroundColor),
--actionButtonColor: var(--actionButtonColor),