diff --git a/app/assets/css/global.css b/app/assets/css/global.css
index e56c2ed..3a0010b 100644
--- a/app/assets/css/global.css
+++ b/app/assets/css/global.css
@@ -1,6 +1,20 @@
 @import "tailwindcss";
 @import "@nuxt/ui";
 
-@theme {
+:root {
   --font-sans: 'Public Sans', sans-serif;
-}
\ No newline at end of file
+  --ui-bg: rgb(220,220,220);
+}
+.dark {
+  /*--ui-bg: var(--ui-color-neutral-950);*/
+  --ui-bg: rgb(17,17,17);
+  --ui-bg-accented: rgba(189, 23, 255, 0.3);
+  --ui-bg-elevated: rgba(189, 23, 255, 0.2);
+
+  --ui-primary: rgb(189, 23, 255);
+}
+
+.dark-widget-bg {
+    --ui-bg-elevated: rgb(34, 24, 32);
+    --ui-bg-accented: rgb(22,22,22);
+  }
\ No newline at end of file