aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/include
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2020-05-20 11:39:31 +0200
committerChocobozzz <me@florianbigard.com>2020-05-20 11:39:31 +0200
commit3bf07dd8c27aa6ef40111c6f055e8975b3f514f4 (patch)
tree5093de3984768910aa922d43f0b4806f6ecf1597 /client/src/sass/include
parentb66c5e58f13c790a8933117b0f8ba73ed37c1855 (diff)
downloadPeerTube-3bf07dd8c27aa6ef40111c6f055e8975b3f514f4.tar.gz
PeerTube-3bf07dd8c27aa6ef40111c6f055e8975b3f514f4.tar.zst
PeerTube-3bf07dd8c27aa6ef40111c6f055e8975b3f514f4.zip
Explicit theme colors for inputs and textarea
Diffstat (limited to 'client/src/sass/include')
-rw-r--r--client/src/sass/include/_mixins.scss4
-rw-r--r--client/src/sass/include/_variables.scss4
2 files changed, 8 insertions, 0 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index f157ded5e..87b7edaad 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -90,6 +90,7 @@
90 display: inline-block; 90 display: inline-block;
91 height: $button-height; 91 height: $button-height;
92 width: $width; 92 width: $width;
93 color: var(--inputForegroundColor);
93 background: var(--inputBackgroundColor); 94 background: var(--inputBackgroundColor);
94 border: 1px solid #C6C6C6; 95 border: 1px solid #C6C6C6;
95 border-radius: 3px; 96 border-radius: 3px;
@@ -121,6 +122,8 @@
121@mixin peertube-textarea ($width, $height) { 122@mixin peertube-textarea ($width, $height) {
122 @include peertube-input-text($width); 123 @include peertube-input-text($width);
123 124
125 color: var(--textareaForegroundColor);
126 background-color: var(--textareaBackgroundColor);
124 height: $height; 127 height: $height;
125 padding: 5px 15px; 128 padding: 5px 15px;
126 font-size: 15px; 129 font-size: 15px;
@@ -280,6 +283,7 @@
280 margin: 0; 283 margin: 0;
281 width: $width; 284 width: $width;
282 border-radius: 3px; 285 border-radius: 3px;
286 color: var(--inputForegroundColor);
283 background: var(--inputBackgroundColor); 287 background: var(--inputBackgroundColor);
284 position: relative; 288 position: relative;
285 font-size: 15px; 289 font-size: 15px;
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index 46f1e99f7..9b441dcfe 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -63,9 +63,11 @@ $video-thumbnail-ratio: $video-thumbnail-width / $video-thumbnail-height;
63 63
64$theater-bottom-space: 115px; 64$theater-bottom-space: 115px;
65 65
66$input-foreground-color: $fg-color;
66$input-background-color: $bg-color; 67$input-background-color: $bg-color;
67$input-placeholder-color: #898989; 68$input-placeholder-color: #898989;
68 69
70$textarea-foreground-color: $fg-color;
69$textarea-background-color: $grey-background-hover-color; 71$textarea-background-color: $grey-background-hover-color;
70 72
71$sub-menu-margin-bottom: 30px; 73$sub-menu-margin-bottom: 30px;
@@ -92,9 +94,11 @@ $variables: (
92 --menuForegroundColor: var(--menuForegroundColor), 94 --menuForegroundColor: var(--menuForegroundColor),
93 --submenuColor: var(--submenuColor), 95 --submenuColor: var(--submenuColor),
94 96
97 --inputForegroundColor: var(--inputForegroundColor),
95 --inputBackgroundColor: var(--inputBackgroundColor), 98 --inputBackgroundColor: var(--inputBackgroundColor),
96 --inputPlaceholderColor: var(--inputPlaceholderColor), 99 --inputPlaceholderColor: var(--inputPlaceholderColor),
97 100
101 --textareaForegroundColor: var(--textareaForegroundColor),
98 --textareaBackgroundColor: var(--textareaBackgroundColor), 102 --textareaBackgroundColor: var(--textareaBackgroundColor),
99 103
100 --actionButtonColor: var(--actionButtonColor), 104 --actionButtonColor: var(--actionButtonColor),