From 3f21b4172ba9c53c40fb138146b2dd21e2fc24fc Mon Sep 17 00:00:00 2001
From: NickSkier <nickskier02@gmail.com>
Date: Fri, 20 Jun 2025 01:05:46 +0300
Subject: [PATCH] Add: UI Black/OLED theme

---
 assets/tailwind.css | 19 +++++++++++++++++++
 pages/settings.vue  |  4 ++++
 2 files changed, 23 insertions(+)

diff --git a/assets/tailwind.css b/assets/tailwind.css
index 08764ff9..2ecc8dfe 100644
--- a/assets/tailwind.css
+++ b/assets/tailwind.css
@@ -22,6 +22,25 @@
     --gradient-minimized-audio-player: linear-gradient(145deg, rgba(38, 38, 38, 0.5) 0%, rgba(38, 38, 38, 0.9) 20%, rgb(38, 38, 38) 60%);
   }
 
+  html[data-theme='black'] {
+      color: white;
+      --color-bg: 0 0 0;
+      --color-bg-hover: 0 0 0;
+      --color-fg: 230 237 243;
+      --color-fg-muted: 120 126 132;
+      --color-primary: 0 0 0;
+      --color-secondary: 0 0 0;
+      --color-border: 55 62 65;
+      --color-bg-toggle: 0 0 0;
+      --color-bg-toggle-selected: 35 35 35;
+      --color-track-cursor: 229 231 235;
+      --color-track: 107 114 128;
+      --color-track-buffered: 75 85 99;
+      --gradient-item-page: rgb(0, 0, 0);
+      --gradient-audio-player: rgb(0, 0, 0);
+      --gradient-minimized-audio-player: rgb(0, 0, 0);
+    }
+  
   html[data-theme='light'] {
     color: black;
     --color-bg: 255 255 255;
diff --git a/pages/settings.vue b/pages/settings.vue
index 660d6a6a..63357548 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -363,6 +363,10 @@ export default {
     },
     themeOptionItems() {
       return [
+        {
+          text: this.$strings.LabelThemeBlack,
+          value: 'black'
+        },
         {
           text: this.$strings.LabelThemeDark,
           value: 'dark'