diff --git a/ui/src/themes/extradark.js b/ui/src/themes/extradark.js
new file mode 100644
index 000000000..dfd111769
--- /dev/null
+++ b/ui/src/themes/extradark.js
@@ -0,0 +1,35 @@
+import blue from '@material-ui/core/colors/blue'
+
+export default {
+  themeName: 'Extra Dark',
+  palette: {
+    background: {
+      paper: '#000000',
+      default: '#000000',
+    },
+    primary: {
+      main: '#0f60b6',
+      contrastText: '#909090',
+    },
+    secondary: blue,
+    type: 'dark',
+  },
+  overrides: {
+    MuiFormGroup: {
+      root: {
+        color: 'white',
+      },
+    },
+    NDLogin: {
+      systemNameLink: {
+        color: '#fff',
+      },
+      welcome: {
+        color: '#eee',
+      },
+    },
+  },
+  player: {
+    theme: 'dark',
+  },
+}
diff --git a/ui/src/themes/index.js b/ui/src/themes/index.js
index 3db54edb8..3b3cdd913 100644
--- a/ui/src/themes/index.js
+++ b/ui/src/themes/index.js
@@ -1,6 +1,13 @@
 import LightTheme from './light'
 import DarkTheme from './dark'
+import ExtraDarkTheme from './extradark'
 import GreenTheme from './green'
 import SpotifyTheme from './spotify'
 
-export default { LightTheme, DarkTheme, GreenTheme, SpotifyTheme }
+export default {
+  LightTheme,
+  DarkTheme,
+  ExtraDarkTheme,
+  GreenTheme,
+  SpotifyTheme,
+}