Make input placeholder themable

2022-11-14 23:11:23 +01:00 · 2022-11-14 23:11:23 +01:00 · 752d6cb987
parent d7911e9486
commit 752d6cb987
2 changed files with 6 additions and 1 deletions
--- a/app/javascript/styles/_variables.scss
+++ b/app/javascript/styles/_variables.scss
@ -97,6 +97,7 @@ $spacers: (
  --body-text: 0, 0, 0;
  --muted-text: 108, 117, 125;
  --input-text: 0, 0, 0;
+  --input-placeholder: 108, 117, 125;

  --turbolinks-progress-color: #a58adc; // --primary lightened by 25%
 }
--- a/app/javascript/styles/overrides/_inputs.scss
+++ b/app/javascript/styles/overrides/_inputs.scss
@ -9,6 +9,10 @@
    border-color: var(--primary);
    box-shadow: .5px 0 0 0.1rem var(--primary);
  }
+
+  &::placeholder {
+    color: RGB(var(--input-placeholder));
+  }
 }

 .input-group-text {