Merge pull request #41 from sudo-Harshk/feature/new-themes-collection

- add Gruvbox Dark and Matcha Light themes

backend/themes.py

@@ -47,7 +47,9 @@ def get_available_themes(themes_dir: str) -> List[Dict[str, str]]:
         "monokai": "🎞️",
         "vue-high-contrast": "💚",
         "cobalt2": "🌊",
-        "vs-blue": "🔷"
+        "vs-blue": "🔷",
+        "gruvbox-dark": "🟫",
+        "matcha-light": "🍵"
     }
     
     # Load all themes from themes folder

documentation/THEMES.md

@@ -2,7 +2,7 @@
 
 ## Built-in Themes
 
-NoteDiscovery comes with **8 beautiful themes** out of the box:
+NoteDiscovery comes with **10 beautiful themes** out of the box:
 
 - 🌞 **Light** - Clean, professional, easy on the eyes
 - 🌙 **Dark** - Modern dark mode for night owls
@@ -12,6 +12,8 @@ NoteDiscovery comes with **8 beautiful themes** out of the box:
 - 💚 **Vue High Contrast** - Dark theme with distinctive greenish tint and Vue.js aesthetics
 - 🌊 **Cobalt2** - Deep ocean blue with vibrant yellow highlights, inspired by Wes Bos
 - 🔷 **VS Blue** - Classic Visual Studio 2015 light blue professional theme
+- 🟫 **Gruvbox Dark** - A retro groove color scheme for Vim lovers
+- 🍵 **Matcha Light** - A vibrant, green-tinted light theme inspired by Doki Theme
 
 Switch themes anytime from the sidebar dropdown. Your preference is saved automatically!
 

themes/gruvbox-dark.css

@@ -0,0 +1,36 @@
+/* Gruvbox Dark Theme */
+/* Based on the popular retro groove color scheme for Vim */
+/* @theme-type: dark */
+
+:root[data-theme="gruvbox-dark"] {
+    /* Background colors */
+    --bg-primary: #282828;   /* bg0 (Normal) */
+    --bg-secondary: #1d2021; /* bg0_h (Hard - Sidebar) */
+    --bg-tertiary: #3c3836;  /* bg1 (Inputs/Code) */
+    --bg-hover: #504945;     /* bg2 (Hover states) */
+    --bg-active: #665c54;    /* bg3 (Active/Selection) */
+    
+    /* Text colors */
+    --text-primary: #ebdbb2;   /* fg1 */
+    --text-secondary: #a89984; /* fg4 */
+    --text-tertiary: #928374;  /* gray */
+    
+    /* Border colors */
+    --border-primary: #3c3836;   /* bg1 (Subtle borders) */
+    --border-secondary: #504945; /* bg2 (Stronger borders) */
+    
+    /* Accent colors - Gruvbox Orange */
+    --accent-primary: #fe8019;
+    --accent-hover: #d65d0e;
+    --accent-light: rgba(254, 128, 25, 0.15);
+    
+    /* Status colors */
+    --success: #b8bb26; /* Green */
+    --error: #fb4934;   /* Red */
+    --warning: #fabd2f; /* Yellow */
+    
+    /* Shadows */
+    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
+    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
+    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.6);
+}

themes/matcha-light.css

@@ -0,0 +1,36 @@
+/* Matcha Light Theme */
+/* Inspired by Doki Theme (C.C. Code Geass) */
+/* @theme-type: light */
+
+:root[data-theme="matcha-light"] {
+    /* Background colors - Soft Lime/Matcha */
+    --bg-primary: #f4fcd4;   /* Main Editor BG */
+    --bg-secondary: #e4f0bd; /* Sidebar / Header */
+    --bg-tertiary: #d6e8a4;  /* Inputs / Code Blocks */
+    --bg-hover: #cbe090;     /* Hover */
+    --bg-active: #b0cc66;    /* Active/Selection */
+    
+    /* Text colors - Dark Forest Green */
+    --text-primary: #3a4d22;   /* Main Text */
+    --text-secondary: #546e34; /* Comments */
+    --text-tertiary: #7a9456;  /* Faint text */
+    
+    /* Border colors */
+    --border-primary: #b8d17e;
+    --border-secondary: #a2bf60;
+    
+    /* Accent colors - Vibrant Green */
+    --accent-primary: #5da60a; /* Strong Green */
+    --accent-hover: #468205;
+    --accent-light: rgba(93, 166, 10, 0.15);
+    
+    /* Status colors */
+    --success: #5da60a;
+    --error: #d9534f;
+    --warning: #f0ad4e;
+    
+    /* Shadows */
+    --shadow-sm: 0 1px 2px 0 rgba(58, 77, 34, 0.1);
+    --shadow-md: 0 4px 6px -1px rgba(58, 77, 34, 0.15);
+    --shadow-lg: 0 10px 15px -3px rgba(58, 77, 34, 0.15);
+}