...

1 files changed, 244 insertions, 0 deletions

diff --git a/FrontEnd/src/views/common/theme.css b/FrontEnd/src/views/common/theme.css
new file mode 100644
index 00000000..816bd3d1
--- /dev/null
+++ b/FrontEnd/src/views/common/theme.css
@@ -0,0 +1,244 @@
+/* Generated by theme-generator.ts */
+
+:root {
+  --cru-primary-color: hsl(210 100% 50%);
+  --cru-primary-l1-color: hsl(210 100% 60%);
+  --cru-primary-l2-color: hsl(210 100% 70%);
+  --cru-primary-l3-color: hsl(210 100% 80%);
+  --cru-primary-d1-color: hsl(210 100% 40%);
+  --cru-primary-d2-color: hsl(210 100% 30%);
+  --cru-primary-d3-color: hsl(210 100% 20%);
+  --cru-primary-f1-color: hsl(210 100% 60%);
+  --cru-primary-f2-color: hsl(210 100% 70%);
+  --cru-primary-f3-color: hsl(210 100% 80%);
+  --cru-primary-b1-color: hsl(210 100% 40%);
+  --cru-primary-b2-color: hsl(210 100% 30%);
+  --cru-primary-b3-color: hsl(210 100% 20%);
+  --cru-secondary-color: hsl(40 100% 50%);
+  --cru-secondary-l1-color: hsl(40 100% 60%);
+  --cru-secondary-l2-color: hsl(40 100% 70%);
+  --cru-secondary-l3-color: hsl(40 100% 80%);
+  --cru-secondary-d1-color: hsl(40 100% 40%);
+  --cru-secondary-d2-color: hsl(40 100% 30%);
+  --cru-secondary-d3-color: hsl(40 100% 20%);
+  --cru-secondary-f1-color: hsl(40 100% 60%);
+  --cru-secondary-f2-color: hsl(40 100% 70%);
+  --cru-secondary-f3-color: hsl(40 100% 80%);
+  --cru-secondary-b1-color: hsl(40 100% 40%);
+  --cru-secondary-b2-color: hsl(40 100% 30%);
+  --cru-secondary-b3-color: hsl(40 100% 20%);
+  --cru-tertiary-color: hsl(160 100% 50%);
+  --cru-tertiary-l1-color: hsl(160 100% 60%);
+  --cru-tertiary-l2-color: hsl(160 100% 70%);
+  --cru-tertiary-l3-color: hsl(160 100% 80%);
+  --cru-tertiary-d1-color: hsl(160 100% 40%);
+  --cru-tertiary-d2-color: hsl(160 100% 30%);
+  --cru-tertiary-d3-color: hsl(160 100% 20%);
+  --cru-tertiary-f1-color: hsl(160 100% 60%);
+  --cru-tertiary-f2-color: hsl(160 100% 70%);
+  --cru-tertiary-f3-color: hsl(160 100% 80%);
+  --cru-tertiary-b1-color: hsl(160 100% 40%);
+  --cru-tertiary-b2-color: hsl(160 100% 30%);
+  --cru-tertiary-b3-color: hsl(160 100% 20%);
+  --cru-danger-color: hsl(0 100% 50%);
+  --cru-danger-l1-color: hsl(0 100% 60%);
+  --cru-danger-l2-color: hsl(0 100% 70%);
+  --cru-danger-l3-color: hsl(0 100% 80%);
+  --cru-danger-d1-color: hsl(0 100% 40%);
+  --cru-danger-d2-color: hsl(0 100% 30%);
+  --cru-danger-d3-color: hsl(0 100% 20%);
+  --cru-danger-f1-color: hsl(0 100% 60%);
+  --cru-danger-f2-color: hsl(0 100% 70%);
+  --cru-danger-f3-color: hsl(0 100% 80%);
+  --cru-danger-b1-color: hsl(0 100% 40%);
+  --cru-danger-b2-color: hsl(0 100% 30%);
+  --cru-danger-b3-color: hsl(0 100% 20%);
+  --cru-success-color: hsl(120 100% 50%);
+  --cru-success-l1-color: hsl(120 100% 60%);
+  --cru-success-l2-color: hsl(120 100% 70%);
+  --cru-success-l3-color: hsl(120 100% 80%);
+  --cru-success-d1-color: hsl(120 100% 40%);
+  --cru-success-d2-color: hsl(120 100% 30%);
+  --cru-success-d3-color: hsl(120 100% 20%);
+  --cru-success-f1-color: hsl(120 100% 60%);
+  --cru-success-f2-color: hsl(120 100% 70%);
+  --cru-success-f3-color: hsl(120 100% 80%);
+  --cru-success-b1-color: hsl(120 100% 40%);
+  --cru-success-b2-color: hsl(120 100% 30%);
+  --cru-success-b3-color: hsl(120 100% 20%);
+  --cru-text-color: hsl(0 0% 0%);
+  --cru-text-1-color: hsl(0 0% 10%);
+  --cru-text-2-color: hsl(0 0% 20%);
+  --cru-text-3-color: hsl(0 0% 30%);
+  --cru-bg-color: hsl(0 0% 100%);
+  --cru-bg-1-color: hsl(0 0% 90%);
+  --cru-bg-2-color: hsl(0 0% 80%);
+  --cru-bg-3-color: hsl(0 0% 70%);
+  --cru-disabled-color: hsl(0 0% 75%);
+  --cru-disabled-1-color: hsl(0 0% 65%);
+  --cru-disabled-2-color: hsl(0 0% 55%);
+  --cru-disabled-3-color: hsl(0 0% 45%);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --cru-primary-color: hsl(210 100% 50%);
+    --cru-primary-l1-color: hsl(210 100% 60%);
+    --cru-primary-l2-color: hsl(210 100% 70%);
+    --cru-primary-l3-color: hsl(210 100% 80%);
+    --cru-primary-d1-color: hsl(210 100% 40%);
+    --cru-primary-d2-color: hsl(210 100% 30%);
+    --cru-primary-d3-color: hsl(210 100% 20%);
+    --cru-primary-f1-color: hsl(210 100% 40%);
+    --cru-primary-f2-color: hsl(210 100% 30%);
+    --cru-primary-f3-color: hsl(210 100% 20%);
+    --cru-primary-b1-color: hsl(210 100% 60%);
+    --cru-primary-b2-color: hsl(210 100% 70%);
+    --cru-primary-b3-color: hsl(210 100% 80%);
+    --cru-secondary-color: hsl(40 100% 50%);
+    --cru-secondary-l1-color: hsl(40 100% 60%);
+    --cru-secondary-l2-color: hsl(40 100% 70%);
+    --cru-secondary-l3-color: hsl(40 100% 80%);
+    --cru-secondary-d1-color: hsl(40 100% 40%);
+    --cru-secondary-d2-color: hsl(40 100% 30%);
+    --cru-secondary-d3-color: hsl(40 100% 20%);
+    --cru-secondary-f1-color: hsl(40 100% 40%);
+    --cru-secondary-f2-color: hsl(40 100% 30%);
+    --cru-secondary-f3-color: hsl(40 100% 20%);
+    --cru-secondary-b1-color: hsl(40 100% 60%);
+    --cru-secondary-b2-color: hsl(40 100% 70%);
+    --cru-secondary-b3-color: hsl(40 100% 80%);
+    --cru-tertiary-color: hsl(160 100% 50%);
+    --cru-tertiary-l1-color: hsl(160 100% 60%);
+    --cru-tertiary-l2-color: hsl(160 100% 70%);
+    --cru-tertiary-l3-color: hsl(160 100% 80%);
+    --cru-tertiary-d1-color: hsl(160 100% 40%);
+    --cru-tertiary-d2-color: hsl(160 100% 30%);
+    --cru-tertiary-d3-color: hsl(160 100% 20%);
+    --cru-tertiary-f1-color: hsl(160 100% 40%);
+    --cru-tertiary-f2-color: hsl(160 100% 30%);
+    --cru-tertiary-f3-color: hsl(160 100% 20%);
+    --cru-tertiary-b1-color: hsl(160 100% 60%);
+    --cru-tertiary-b2-color: hsl(160 100% 70%);
+    --cru-tertiary-b3-color: hsl(160 100% 80%);
+    --cru-danger-color: hsl(0 100% 50%);
+    --cru-danger-l1-color: hsl(0 100% 60%);
+    --cru-danger-l2-color: hsl(0 100% 70%);
+    --cru-danger-l3-color: hsl(0 100% 80%);
+    --cru-danger-d1-color: hsl(0 100% 40%);
+    --cru-danger-d2-color: hsl(0 100% 30%);
+    --cru-danger-d3-color: hsl(0 100% 20%);
+    --cru-danger-f1-color: hsl(0 100% 40%);
+    --cru-danger-f2-color: hsl(0 100% 30%);
+    --cru-danger-f3-color: hsl(0 100% 20%);
+    --cru-danger-b1-color: hsl(0 100% 60%);
+    --cru-danger-b2-color: hsl(0 100% 70%);
+    --cru-danger-b3-color: hsl(0 100% 80%);
+    --cru-success-color: hsl(120 100% 50%);
+    --cru-success-l1-color: hsl(120 100% 60%);
+    --cru-success-l2-color: hsl(120 100% 70%);
+    --cru-success-l3-color: hsl(120 100% 80%);
+    --cru-success-d1-color: hsl(120 100% 40%);
+    --cru-success-d2-color: hsl(120 100% 30%);
+    --cru-success-d3-color: hsl(120 100% 20%);
+    --cru-success-f1-color: hsl(120 100% 40%);
+    --cru-success-f2-color: hsl(120 100% 30%);
+    --cru-success-f3-color: hsl(120 100% 20%);
+    --cru-success-b1-color: hsl(120 100% 60%);
+    --cru-success-b2-color: hsl(120 100% 70%);
+    --cru-success-b3-color: hsl(120 100% 80%);
+    --cru-text-color: hsl(0 0% 100%);
+    --cru-text-1-color: hsl(0 0% 90%);
+    --cru-text-2-color: hsl(0 0% 80%);
+    --cru-text-3-color: hsl(0 0% 70%);
+    --cru-bg-color: hsl(0 0% 0%);
+    --cru-bg-1-color: hsl(0 0% 10%);
+    --cru-bg-2-color: hsl(0 0% 20%);
+    --cru-bg-3-color: hsl(0 0% 30%);
+    --cru-disabled-color: hsl(0 0% 25%);
+    --cru-disabled-1-color: hsl(0 0% 35%);
+    --cru-disabled-2-color: hsl(0 0% 45%);
+    --cru-disabled-3-color: hsl(0 0% 55%);
+  }
+}
+
+.cru-primary {
+  --cru-theme-color: var(--cru-primary-color);
+  --cru-theme-l1-color: var(--cru-primary-l1-color);
+  --cru-theme-l2-color: var(--cru-primary-l2-color);
+  --cru-theme-l3-color: var(--cru-primary-l3-color);
+  --cru-theme-d1-color: var(--cru-primary-d1-color);
+  --cru-theme-d2-color: var(--cru-primary-d2-color);
+  --cru-theme-d3-color: var(--cru-primary-d3-color);
+  --cru-theme-f1-color: var(--cru-primary-f1-color);
+  --cru-theme-f2-color: var(--cru-primary-f2-color);
+  --cru-theme-f3-color: var(--cru-primary-f3-color);
+  --cru-theme-b1-color: var(--cru-primary-b1-color);
+  --cru-theme-b2-color: var(--cru-primary-b2-color);
+  --cru-theme-b3-color: var(--cru-primary-b3-color);
+}
+
+.cru-secondary {
+  --cru-theme-color: var(--cru-secondary-color);
+  --cru-theme-l1-color: var(--cru-secondary-l1-color);
+  --cru-theme-l2-color: var(--cru-secondary-l2-color);
+  --cru-theme-l3-color: var(--cru-secondary-l3-color);
+  --cru-theme-d1-color: var(--cru-secondary-d1-color);
+  --cru-theme-d2-color: var(--cru-secondary-d2-color);
+  --cru-theme-d3-color: var(--cru-secondary-d3-color);
+  --cru-theme-f1-color: var(--cru-secondary-f1-color);
+  --cru-theme-f2-color: var(--cru-secondary-f2-color);
+  --cru-theme-f3-color: var(--cru-secondary-f3-color);
+  --cru-theme-b1-color: var(--cru-secondary-b1-color);
+  --cru-theme-b2-color: var(--cru-secondary-b2-color);
+  --cru-theme-b3-color: var(--cru-secondary-b3-color);
+}
+
+.cru-tertiary {
+  --cru-theme-color: var(--cru-tertiary-color);
+  --cru-theme-l1-color: var(--cru-tertiary-l1-color);
+  --cru-theme-l2-color: var(--cru-tertiary-l2-color);
+  --cru-theme-l3-color: var(--cru-tertiary-l3-color);
+  --cru-theme-d1-color: var(--cru-tertiary-d1-color);
+  --cru-theme-d2-color: var(--cru-tertiary-d2-color);
+  --cru-theme-d3-color: var(--cru-tertiary-d3-color);
+  --cru-theme-f1-color: var(--cru-tertiary-f1-color);
+  --cru-theme-f2-color: var(--cru-tertiary-f2-color);
+  --cru-theme-f3-color: var(--cru-tertiary-f3-color);
+  --cru-theme-b1-color: var(--cru-tertiary-b1-color);
+  --cru-theme-b2-color: var(--cru-tertiary-b2-color);
+  --cru-theme-b3-color: var(--cru-tertiary-b3-color);
+}
+
+.cru-danger {
+  --cru-theme-color: var(--cru-danger-color);
+  --cru-theme-l1-color: var(--cru-danger-l1-color);
+  --cru-theme-l2-color: var(--cru-danger-l2-color);
+  --cru-theme-l3-color: var(--cru-danger-l3-color);
+  --cru-theme-d1-color: var(--cru-danger-d1-color);
+  --cru-theme-d2-color: var(--cru-danger-d2-color);
+  --cru-theme-d3-color: var(--cru-danger-d3-color);
+  --cru-theme-f1-color: var(--cru-danger-f1-color);
+  --cru-theme-f2-color: var(--cru-danger-f2-color);
+  --cru-theme-f3-color: var(--cru-danger-f3-color);
+  --cru-theme-b1-color: var(--cru-danger-b1-color);
+  --cru-theme-b2-color: var(--cru-danger-b2-color);
+  --cru-theme-b3-color: var(--cru-danger-b3-color);
+}
+
+.cru-success {
+  --cru-theme-color: var(--cru-success-color);
+  --cru-theme-l1-color: var(--cru-success-l1-color);
+  --cru-theme-l2-color: var(--cru-success-l2-color);
+  --cru-theme-l3-color: var(--cru-success-l3-color);
+  --cru-theme-d1-color: var(--cru-success-d1-color);
+  --cru-theme-d2-color: var(--cru-success-d2-color);
+  --cru-theme-d3-color: var(--cru-success-d3-color);
+  --cru-theme-f1-color: var(--cru-success-f1-color);
+  --cru-theme-f2-color: var(--cru-success-f2-color);
+  --cru-theme-f3-color: var(--cru-success-f3-color);
+  --cru-theme-b1-color: var(--cru-success-b1-color);
+  --cru-theme-b2-color: var(--cru-success-b2-color);
+  --cru-theme-b3-color: var(--cru-success-b3-color);
+}
+