diff --git a/source/scss/style.scss b/source/scss/style.scss
index eb89fa0..e2530b3 100644
--- a/source/scss/style.scss
+++ b/source/scss/style.scss
@@ -4,6 +4,7 @@
 // Theme definitions
 @use 'themes/default';
 @use 'themes/dracula';
+@use 'themes/gruvbox';
 @use 'themes/high-contrast';
 @use 'themes/love';
 @use 'themes/monokai';
diff --git a/source/scss/themes/_gruvbox.scss b/source/scss/themes/_gruvbox.scss
new file mode 100644
index 0000000..94bf827
--- /dev/null
+++ b/source/scss/themes/_gruvbox.scss
@@ -0,0 +1,13 @@
+.gruvbox-dark {
+  --foreground-1: #fbf1c7;
+  --foreground-2: #ebdbb2;
+  --background-1: #282828;
+  --background-2: #3c3836;
+}
+
+.gruvbox-light {
+  --foreground-1: #282828;
+  --foreground-2: #3c3836;
+  --background-1: #fbf1c7;
+  --background-2: #ebdbb2;
+}
diff --git a/source/ts/utilities/themes.ts b/source/ts/utilities/themes.ts
index 9c5f855..dc2e385 100644
--- a/source/ts/utilities/themes.ts
+++ b/source/ts/utilities/themes.ts
@@ -40,6 +40,14 @@ export const themes: Theme[] = [
     cssClass: 'high-contrast-white',
     name: 'High Contrast White',
   },
+  {
+    cssClass: 'gruvbox-dark',
+    name: 'Gruvbox Dark',
+  },
+  {
+    cssClass: 'gruvbox-light',
+    name: 'Gruvbox Light',
+  },
 ].sort((a, b) => a.name.localeCompare(b.name));
 
 export const themeContext = createContext<Theme>(defaultTheme);