From b7e0cadcbc47b683b691d6cb4ad1db9e3a1b6ea9 Mon Sep 17 00:00:00 2001
From: sudo-Harshk <harshk1744@gmail.com>
Date: Wed, 26 Nov 2025 09:44:40 +0530
Subject: [PATCH 1/2] feat: add Gruvbox Dark and Matcha Light themes

---
 backend/themes.py       |  4 +++-
 themes/gruvbox-dark.css | 36 ++++++++++++++++++++++++++++++++++++
 themes/matcha-light.css | 36 ++++++++++++++++++++++++++++++++++++
 3 files changed, 75 insertions(+), 1 deletion(-)
 create mode 100644 themes/gruvbox-dark.css
 create mode 100644 themes/matcha-light.css

diff --git a/backend/themes.py b/backend/themes.py
index 982fcd0..6741292 100644
--- a/backend/themes.py
+++ b/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
diff --git a/themes/gruvbox-dark.css b/themes/gruvbox-dark.css
new file mode 100644
index 0000000..2b99fab
--- /dev/null
+++ b/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);
+}
\ No newline at end of file
diff --git a/themes/matcha-light.css b/themes/matcha-light.css
new file mode 100644
index 0000000..13f2f94
--- /dev/null
+++ b/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);
+}
\ No newline at end of file

From 5056324ae4a1775635db65b7cdc419e2a0252f4e Mon Sep 17 00:00:00 2001
From: sudo-Harshk <harshk1744@gmail.com>
Date: Wed, 26 Nov 2025 10:11:34 +0530
Subject: [PATCH 2/2] docs: add documentation for new Gruvbox and Matcha themes

---
 documentation/THEMES.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/documentation/THEMES.md b/documentation/THEMES.md
index 9fc6dd8..2fbaf5f 100644
--- a/documentation/THEMES.md
+++ b/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!