diff --git a/app/src/app/ThemeValues.ts b/app/src/app/ThemeValues.ts
index c85a27c8..31f8b66d 100644
--- a/app/src/app/ThemeValues.ts
+++ b/app/src/app/ThemeValues.ts
@@ -41,6 +41,22 @@ export const ThemeValues: { [K in ThemeName]: ITheme } = {
 			element: elementInstructionsDark
 		}
 	},
+	Gruvbox: {
+		background: '#282828',
+		accent: '#928374',
+		chrome: '#3c3836',
+		text: '#ebdbb2',
+		links: '#ebdbb2',
+		explorerContent: '#ebdbb2',
+		accentContent: '#ebdbb2',
+		backgroundImage: filledBackground,
+		drawingBackground: '#282828',
+		instructionImages: {
+			notepad: instructionImageDark,
+			note: noteInstructionsDark,
+			element: elementInstructionsDark
+		}
+	},
 	Midnight: {
 		background: '#212121',
 		accent: '#424242',
diff --git a/app/src/app/types/Themes.ts b/app/src/app/types/Themes.ts
index b7480401..2c67d87b 100644
--- a/app/src/app/types/Themes.ts
+++ b/app/src/app/types/Themes.ts
@@ -1,4 +1,4 @@
-export type ThemeName = 'Classic' | 'Solarized' | 'Midnight' | 'Void' | 'Peach' | 'Pastel' | 'Wellington' | 'Purple' | 'IanPad';
+export type ThemeName = 'Classic' | 'Solarized' | 'Gruvbox' | 'Midnight' | 'Void' | 'Peach' | 'Pastel' | 'Wellington' | 'Purple' | 'IanPad';
 
 export interface ITheme {
 	background: string;