diff --git a/src/component/themePreset/index.js b/src/component/themePreset/index.js
index ff403ba4..59b23e35 100644
--- a/src/component/themePreset/index.js
+++ b/src/component/themePreset/index.js
@@ -39,6 +39,7 @@ import { steel } from './steel';
 import { stria } from './stria';
 import { terra } from './terra';
 import { trine } from './trine';
+import { umbra } from './umbra';
 import { vanadium } from './vanadium';
 import { viper } from './viper';
 import { white } from './white';
@@ -87,6 +88,7 @@ themePreset.get = () => {
     stria,
     terra,
     trine,
+    umbra,
     vanadium,
     viper
   ];
diff --git a/src/component/themePreset/umbra/index.js b/src/component/themePreset/umbra/index.js
new file mode 100644
index 00000000..18455a59
--- /dev/null
+++ b/src/component/themePreset/umbra/index.js
@@ -0,0 +1,27 @@
+export const umbra = {
+  name: 'Umbra',
+  color: { range: { primary: { h: 214, s: 30 } }, contrast: { start: 20, end: 80 } },
+  accent: { hsl: { h: 151, s: 63, l: 55 }, rgb: { r: 68, g: 213, b: 143 } },
+  font: { display: { name: 'Abel', weight: 400, style: 'normal' }, ui: { name: 'Raleway', weight: 400, style: 'normal' } },
+  background: {
+    type: 'image',
+    color: { hsl: { h: 221, s: 47, l: 17 }, rgb: { r: 23, g: 36, b: 64 } },
+    gradient: {
+      angle: 160,
+      start: { hsl: { h: 206, s: 16, l: 40 }, rgb: { r: 86, g: 104, b: 118 } },
+      end: { hsl: { h: 219, s: 28, l: 12 }, rgb: { r: 22, g: 28, b: 39 } }
+    },
+    image: { url: 'https://github.com/zombieFox/nightTabAssets/blob/main/images/1628946282879.jpeg?raw=true', blur: 0, grayscale: 100, scale: 100, accent: 0, opacity: 20, vignette: { opacity: 31, start: 90, end: 0 } },
+    video: { url: '', blur: 0, grayscale: 0, scale: 100, accent: 0, opacity: 100, vignette: { opacity: 0, start: 90, end: 70 } }
+  },
+  radius: 60,
+  shadow: 50,
+  style: 'dark',
+  shade: { opacity: 0, blur: 10 },
+  opacity: { general: 0 },
+  layout: { divider: { size: 0 } },
+  header: { color: { by: 'theme', opacity: 10, hsl: { h: 0, s: 0, l: 0 }, rgb: { r: 0, g: 0, b: 0 } }, search: { opacity: 70 } },
+  bookmark: { color: { by: 'theme', opacity: 10, hsl: { h: 0, s: 0, l: 0 }, rgb: { r: 0, g: 0, b: 0 } }, item: { border: 0, opacity: 70 } },
+  group: { openAll: { opacity: 0 } },
+  toolbar: { opacity: 0 }
+}