aboutsummaryrefslogtreecommitdiffhomepage
path: root/client
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2020-05-20 13:52:12 +0200
committerChocobozzz <me@florianbigard.com>2020-05-20 13:52:12 +0200
commitf33dc6ab2db1c733f09dcb039b8bf46c69854753 (patch)
treef528b58af9b0649a701cd1a170de137f726efe1e /client
parente0433a5f8f9346080b24d73d17c9f8fcb660a5d1 (diff)
downloadPeerTube-f33dc6ab2db1c733f09dcb039b8bf46c69854753.tar.gz
PeerTube-f33dc6ab2db1c733f09dcb039b8bf46c69854753.tar.zst
PeerTube-f33dc6ab2db1c733f09dcb039b8bf46c69854753.zip
Fix input/textarea themes
Diffstat (limited to 'client')
-rw-r--r--client/src/app/shared/forms/markdown-textarea.component.scss2
-rw-r--r--client/src/sass/application.scss1
-rw-r--r--client/src/sass/include/_mixins.scss2
-rw-r--r--client/src/sass/include/_variables.scss4
4 files changed, 7 insertions, 2 deletions
diff --git a/client/src/app/shared/forms/markdown-textarea.component.scss b/client/src/app/shared/forms/markdown-textarea.component.scss
index 5c6657538..16f319587 100644
--- a/client/src/app/shared/forms/markdown-textarea.component.scss
+++ b/client/src/app/shared/forms/markdown-textarea.component.scss
@@ -14,6 +14,8 @@ $input-border-radius: 3px;
14 textarea { 14 textarea {
15 @include peertube-textarea(100%, 150px); 15 @include peertube-textarea(100%, 150px);
16 16
17 background-color: var(--markdownTextareaBackgroundColor);
18
17 font-family: monospace; 19 font-family: monospace;
18 font-size: 13px; 20 font-size: 13px;
19 border-bottom: none; 21 border-bottom: none;
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 039353077..17ed5c8f8 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -41,6 +41,7 @@ body {
41 41
42 --textareaForegroundColor: #{$textarea-foreground-color}; 42 --textareaForegroundColor: #{$textarea-foreground-color};
43 --textareaBackgroundColor: #{$textarea-background-color}; 43 --textareaBackgroundColor: #{$textarea-background-color};
44 --markdownTextareaBackgroundColor: #{$markdown-textarea-background-color};
44 45
45 --actionButtonColor: #{$grey-foreground-color}; 46 --actionButtonColor: #{$grey-foreground-color};
46 --supportButtonBackgroundColor: #{transparent}; 47 --supportButtonBackgroundColor: #{transparent};
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 87b7edaad..99ca25f9c 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -91,7 +91,7 @@
91 height: $button-height; 91 height: $button-height;
92 width: $width; 92 width: $width;
93 color: var(--inputForegroundColor); 93 color: var(--inputForegroundColor);
94 background: var(--inputBackgroundColor); 94 background-color: var(--inputBackgroundColor);
95 border: 1px solid #C6C6C6; 95 border: 1px solid #C6C6C6;
96 border-radius: 3px; 96 border-radius: 3px;
97 padding-left: 15px; 97 padding-left: 15px;
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index 9b441dcfe..cdac8ae6f 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -68,7 +68,8 @@ $input-background-color: $bg-color;
68$input-placeholder-color: #898989; 68$input-placeholder-color: #898989;
69 69
70$textarea-foreground-color: $fg-color; 70$textarea-foreground-color: $fg-color;
71$textarea-background-color: $grey-background-hover-color; 71$textarea-background-color: $bg-color;
72$markdown-textarea-background-color: $grey-background-hover-color;
72 73
73$sub-menu-margin-bottom: 30px; 74$sub-menu-margin-bottom: 30px;
74$sub-menu-margin-bottom-small-view: 10px; 75$sub-menu-margin-bottom-small-view: 10px;
@@ -100,6 +101,7 @@ $variables: (
100 101
101 --textareaForegroundColor: var(--textareaForegroundColor), 102 --textareaForegroundColor: var(--textareaForegroundColor),
102 --textareaBackgroundColor: var(--textareaBackgroundColor), 103 --textareaBackgroundColor: var(--textareaBackgroundColor),
104 --markdownTextareaBackgroundColor: var(--markdownTextareaBackgroundColor),
103 105
104 --actionButtonColor: var(--actionButtonColor), 106 --actionButtonColor: var(--actionButtonColor),
105 --supportButtonColor: var(--supportButtonColor), 107 --supportButtonColor: var(--supportButtonColor),