Add example themes for frontpage demonstration

2022-04-10 02:37:34 +02:00 · 2022-04-10 02:37:34 +02:00 · f0c7fdb92f
parent 249de5b1ee
commit f0c7fdb92f
3 changed files with 20 additions and 0 deletions
--- a/app/javascript/styles/_variables.scss
+++ b/app/javascript/styles/_variables.scss
@ -56,6 +56,10 @@ $avatar-sizes: (
  "xl": 160px,
 );

+$spacers: (
+  10: (1rem * 6)
+);
+
 :root {
  --background: #f0edf4;
  --input-bg: var(--background);
--- a/app/javascript/styles/application.scss
+++ b/app/javascript/styles/application.scss
@ -87,6 +87,7 @@
 "components/profile",
 "components/question",
 "components/smiles",
+"components/themes",
 "components/totp-setup",
 "components/userbox";

--- a/app/javascript/styles/components/_themes.scss
+++ b/app/javascript/styles/components/_themes.scss
@ -0,0 +1,15 @@
+.theme-success {
+  --background: #f4fcf6;
+  --primary: var(--success);
+}
+
+.theme-warning {
+  --background: #fcfaf4;
+  --primary: var(--warning);
+  --primary-text: 0, 0, 0;
+}
+
+.theme-danger {
+  --background: #fceff1;
+  --primary: var(--danger);
+}