From f0c7fdb92ff08d8fe85d2dd6abb30c4aab15dc3a Mon Sep 17 00:00:00 2001
From: Andreas Nedbal <git@pixelde.su>
Date: Sun, 10 Apr 2022 02:37:34 +0200
Subject: [PATCH] Add example themes for frontpage demonstration
---
app/javascript/styles/_variables.scss | 4 ++++
app/javascript/styles/application.scss | 1 +
app/javascript/styles/components/_themes.scss | 15 +++++++++++++++
3 files changed, 20 insertions(+)
create mode 100644 app/javascript/styles/components/_themes.scss
diff --git a/app/javascript/styles/_variables.scss b/app/javascript/styles/_variables.scss
index be24d352..aba65ce3 100644
--- 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);
diff --git a/app/javascript/styles/application.scss b/app/javascript/styles/application.scss
index 44aa9883..b98740da 100644
--- 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";
diff --git a/app/javascript/styles/components/_themes.scss b/app/javascript/styles/components/_themes.scss
new file mode 100644
index 00000000..e45e42d3
--- /dev/null
+++ 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);
+}
\ No newline at end of file