mirror of https://github.com/Chocobozzz/PeerTube
Explicit theme colors for inputs and textarea
parent
b66c5e58f1
commit
3bf07dd8c2
|
@ -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;
|
||||
|
|
|
@ -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};
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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),
|
||||
|
|
Loading…
Reference in New Issue