From a93b42e5bd999c8e13d242c14438161a7858da73 Mon Sep 17 00:00:00 2001
From: J-Sek <J-Sek@users.noreply.github.com>
Date: Mon, 23 Dec 2024 11:54:34 +0100
Subject: [PATCH] Simplify theme config

---
 app/assets/main.scss     |  4 ----
 app/assets/settings.scss |  3 ++-
 app/plugins/vuetify.ts   | 36 ++----------------------------------
 3 files changed, 4 insertions(+), 39 deletions(-)

diff --git a/app/assets/main.scss b/app/assets/main.scss
index 202d09b..9673117 100644
--- a/app/assets/main.scss
+++ b/app/assets/main.scss
@@ -25,10 +25,6 @@ $default-font: 'Kanit', sans-serif;
   margin-top: 64px;
 }
 
-:root {
-  --v-overlay-opacity: .5;
-}
-
 .v-app-bar {
   -webkit-app-region: drag;
   z-index: 9999 !important;
diff --git a/app/assets/settings.scss b/app/assets/settings.scss
index 6607489..d56777e 100644
--- a/app/assets/settings.scss
+++ b/app/assets/settings.scss
@@ -1,5 +1,6 @@
 @use 'vuetify/settings' with (
   $button-text-transform: none,
   $otp-input-content-height: 56px,
-  $dialog-margin: 12px
+  $overlay-opacity: .5,
+  $overlay-scrim-background: #000
 );
diff --git a/app/plugins/vuetify.ts b/app/plugins/vuetify.ts
index 0628b3b..f105584 100644
--- a/app/plugins/vuetify.ts
+++ b/app/plugins/vuetify.ts
@@ -10,62 +10,30 @@ const vuetify = createVuetify({
       light: {
         dark: false,
         colors: {
-          background: '#f7f7ff',
-          'on-background': '#3f357a',
+          background: '#eceffe',
           surface: '#f7f7ff',
-          'surface-dim': '#dcdffb',
-          'surface-bright': '#f7f7ff',
-          'surface-container-lowest': '#fdfbff',
-          'surface-container-low': '#f2f3fe',
-          'surface-container': '#eceffe',
-          'surface-container-high': '#e8eafd',
-          'surface-container-highest': '#e3e6fc',
           'on-surface': '#3f357a',
-          outline: '#64748b',
-          'outline-variant': '#e2e8f0',
           primary: '#8330f7',
           'on-primary': '#fffeff',
-          'primary-container': '#ede8ff',
-          'on-primary-container': '#4a148c',
           secondary: '#df9100',
           'on-secondary': '#ffffff',
-          'secondary-container': '#fffac6',
-          'on-secondary-container': '#7c420b',
           error: '#ba1a1a',
           'on-error': '#ffffff',
-          'error-container': '#ffdad6',
-          'on-error-container': '#410002',
         },
         variables: {},
       },
       dark: {
         dark: true,
         colors: {
-          background: '#211b3d',
-          'on-background': '#e3e6fc',
+          background: '#413680',
           surface: '#211b3d',
-          'surface-dim': '#211b3d',
-          'surface-bright': '#523ea8',
-          'surface-container-lowest': '#120e23',
-          'surface-container-low': '#3f357a',
-          'surface-container': '#413680',
-          'surface-container-high': '#47398f',
-          'surface-container-highest': '#4f3ca0',
           'on-surface': '#e3e6fc',
-          outline: '#94a3b8',
-          'outline-variant': '#334155',
           primary: '#dfd5ff',
           'on-primary': '#6019be',
-          'primary-container': '#731ee3',
-          'on-primary-container': '#ede8ff',
           secondary: '#fff588',
           'on-secondary': '#985008',
-          'secondary-container': '#bb6802',
-          'on-secondary-container': '#fffac6',
           error: '#ffb4ab',
           'on-error': '#690005',
-          'error-container': '#930009',
-          'on-error-container': '#ffb4ab',
         },
         variables: {},
       },