Fix input/textarea themes

diff --git a/client/src/app/shared/forms/markdown-textarea.component.scss b/client/src/app/shared/forms/markdown-textarea.component.scss
index 5c6657538f720e8845ee1f388493f1c040fd4d0b..16f319587805a384da2d0abfee038be419838837 100644 (file)
--- 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;
     textarea {
       @include peertube-textarea(100%, 150px);
 
+      background-color: var(--markdownTextareaBackgroundColor);
+
       font-family: monospace;
       font-size: 13px;
       border-bottom: none;

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 03935307744c984301485cfda06e8ffa2d1cab23..17ed5c8f82a3d3ce3b02896bcb264f81ef28a0c5 100644 (file)
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -41,6 +41,7 @@ body {
 
   --textareaForegroundColor: #{$textarea-foreground-color};
   --textareaBackgroundColor: #{$textarea-background-color};
+  --markdownTextareaBackgroundColor: #{$markdown-textarea-background-color};
 
   --actionButtonColor: #{$grey-foreground-color};
   --supportButtonBackgroundColor: #{transparent};

diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 87b7edaad362c8b18d134ba5e64f23f8a578efe2..99ca25f9cfdf89ce6418a40a6fe894c19fa10bab 100644 (file)
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -91,7 +91,7 @@
   height: $button-height;
   width: $width;
   color: var(--inputForegroundColor);
-  background: var(--inputBackgroundColor);
+  background-color: var(--inputBackgroundColor);
   border: 1px solid #C6C6C6;
   border-radius: 3px;
   padding-left: 15px;

diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index 9b441dcfeebe9297f016a607b4ae3346e6bbe3df..cdac8ae6f76bd41fdd3e898aac5e0bb2fd0ea9b9 100644 (file)
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -68,7 +68,8 @@ $input-background-color: $bg-color;
 $input-placeholder-color: #898989;
 
 $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-small-view: 10px;
@@ -100,6 +101,7 @@ $variables: (
 
   --textareaForegroundColor: var(--textareaForegroundColor),
   --textareaBackgroundColor: var(--textareaBackgroundColor),
+  --markdownTextareaBackgroundColor: var(--markdownTextareaBackgroundColor),
 
   --actionButtonColor: var(--actionButtonColor),
   --supportButtonColor: var(--supportButtonColor),