interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Explicit theme colors for inputs and textarea

This commit is contained in:
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/app/shared/forms/markdown-textarea.component.scss
View File

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

2
client/src/sass/application.scss
View File

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

4
client/src/sass/include/_mixins.scss
View File

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

4
client/src/sass/include/_variables.scss
View File

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