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

Fix input/textarea themes

This commit is contained in:
Chocobozzz 2020-05-20 13:52:12 +02:00
parent e0433a5f8f
commit f33dc6ab2d
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
4 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

@ -41,6 +41,7 @@ body {
--textareaForegroundColor: #{$textarea-foreground-color}; --textareaForegroundColor: #{$textarea-foreground-color};
--textareaBackgroundColor: #{$textarea-background-color}; --textareaBackgroundColor: #{$textarea-background-color};
--markdownTextareaBackgroundColor: #{$markdown-textarea-background-color};
--actionButtonColor: #{$grey-foreground-color}; --actionButtonColor: #{$grey-foreground-color};
--supportButtonBackgroundColor: #{transparent}; --supportButtonBackgroundColor: #{transparent};

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

@ -91,7 +91,7 @@
height: $button-height; height: $button-height;
width: $width; width: $width;
color: var(--inputForegroundColor); color: var(--inputForegroundColor);
background: var(--inputBackgroundColor); background-color: var(--inputBackgroundColor);
border: 1px solid #C6C6C6; border: 1px solid #C6C6C6;
border-radius: 3px; border-radius: 3px;
padding-left: 15px; padding-left: 15px;

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

@ -68,7 +68,8 @@ $input-background-color: $bg-color;
$input-placeholder-color: #898989; $input-placeholder-color: #898989;
$textarea-foreground-color: $fg-color; $textarea-foreground-color: $fg-color;
$textarea-background-color: $grey-background-hover-color; $textarea-background-color: $bg-color;
$markdown-textarea-background-color: $grey-background-hover-color;
$sub-menu-margin-bottom: 30px; $sub-menu-margin-bottom: 30px;
$sub-menu-margin-bottom-small-view: 10px; $sub-menu-margin-bottom-small-view: 10px;
@ -100,6 +101,7 @@ $variables: (
--textareaForegroundColor: var(--textareaForegroundColor), --textareaForegroundColor: var(--textareaForegroundColor),
--textareaBackgroundColor: var(--textareaBackgroundColor), --textareaBackgroundColor: var(--textareaBackgroundColor),
--markdownTextareaBackgroundColor: var(--markdownTextareaBackgroundColor),
--actionButtonColor: var(--actionButtonColor), --actionButtonColor: var(--actionButtonColor),
--supportButtonColor: var(--supportButtonColor), --supportButtonColor: var(--supportButtonColor),