From ca51372d8d2f60e708a248549d158753c4035fe0 Mon Sep 17 00:00:00 2001
From: sobhanbera <50291544+SobhanBera@users.noreply.github.com>
Date: Mon, 5 Apr 2021 06:55:54 +0530
Subject: [PATCH] Add Extra Dark theme (#955)

* added new theme - night

* removed a unused field

* fixed a typo from previous change

* night theme in login window

* changed name

changed the theme name from "Night" to "Extra Dark"

* changed the theme name

* Update index.js

* Rename night.js to extradark.js

* trying something

* formatted

the JS build was failing because I haven't formatted the index.js file with prettier. I got to know about this now.
I think now it will be resolved.
---
 ui/src/themes/extradark.js | 35 +++++++++++++++++++++++++++++++++++
 ui/src/themes/index.js     |  9 ++++++++-
 2 files changed, 43 insertions(+), 1 deletion(-)
 create mode 100644 ui/src/themes/extradark.js

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,
+}