From 5adf2b2521e47ce629ad1c80926f459f5b30cefc Mon Sep 17 00:00:00 2001
From: theresa <theresagresch@gmail.com>
Date: Sun, 17 Oct 2021 12:50:13 +0200
Subject: [PATCH] Frontend: Rename theme

---
 frontend/src/css/themes.css          |  2 +-
 frontend/src/css/themes/midnight.css | 93 ----------------------------
 frontend/src/css/themes/vanta.css    | 93 ++++++++++++++++++++++++++++
 frontend/src/options/options.js      |  4 +-
 frontend/src/options/themes.json     |  2 +-
 5 files changed, 97 insertions(+), 97 deletions(-)
 delete mode 100644 frontend/src/css/themes/midnight.css
 create mode 100644 frontend/src/css/themes/vanta.css

diff --git a/frontend/src/css/themes.css b/frontend/src/css/themes.css
index 015a17645..2f98b95b8 100644
--- a/frontend/src/css/themes.css
+++ b/frontend/src/css/themes.css
@@ -1,5 +1,5 @@
 @import url("themes/grayscale.css");
-@import url("themes/midnight.css");
+@import url("themes/vanta.css");
 @import url("themes/shadow.css");
 @import url("themes/yellowstone.css");
 
diff --git a/frontend/src/css/themes/midnight.css b/frontend/src/css/themes/midnight.css
deleted file mode 100644
index e51f2e61e..000000000
--- a/frontend/src/css/themes/midnight.css
+++ /dev/null
@@ -1,93 +0,0 @@
-/* Midnight Theme */
-
-.theme-midnight .v-content__wrap,
-.theme-midnight .p-page,
-.theme-midnight .form,
-.theme-midnight .v-content {
-    background: #212121 !important;
-}
-
-#photoprism.theme-midnight .theme--light.v-small-dialog__content,
-#photoprism.theme-midnight .theme--light.v-sheet,
-#photoprism.theme-midnight .theme--light.v-card {
-    background: #212121;
-}
-
-.theme-midnight .application.theme--light {
-    background: #212121;
-}
-
-#photoprism.theme-midnight .theme--light .v-table {
-    background: #262626;
-}
-
-#photoprism.theme-midnight .theme--light.v-table thead th,
-#photoprism.theme-midnight .theme--light.v-table tbody td {
-    color: #fff;
-}
-
-#photoprism.theme-midnight .theme--light.v-table tbody tr:hover {
-    background: #333333;
-}
-
-#photoprism.theme-midnight .theme--light.v-chip,
-#photoprism.theme-midnight .v-card__actions .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
-    background: #333;
-}
-
-#photoprism.theme-midnight .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
-    background: #262626;
-}
-
-#photoprism.theme-midnight .theme--light.v-input--selection-controls.v-input--is-disabled .v-icon {
-    color: #999 !important;
-}
-
-#photoprism.theme-midnight .theme--light.v-input--selection-controls.v-input--is-disabled .v-icon,
-#photoprism.theme-midnight .theme--light.v-input--is-disabled .v-label,
-#photoprism.theme-midnight .theme--light.v-input--is-disabled input,
-#photoprism.theme-midnight .theme--light.v-input--is-disabled textarea {
-    color: #ccc;
-}
-
-#photoprism.theme-midnight,
-#photoprism.theme-midnight .p-page a,
-#photoprism.theme-midnight .v-datatable a,
-#photoprism.theme-midnight .theme--light.v-expansion-panel .v-expansion-panel__container,
-#photoprism.theme-midnight .theme--light.v-tabs__bar .v-tabs__div,
-#photoprism.theme-midnight .theme--light {
-    color: #fff;
-}
-
-#photoprism.theme-midnight .theme--light.v-list {
-    background: #262626;
-}
-
-#photoprism.theme-midnight a.text-link {
-    color: #c8e3e7 !important;
-}
-
-#photoprism.theme-midnight .theme--light.v-select .v-select__selections {
-    color: #eee;
-}
-
-#photoprism.theme-midnight .theme--light.v-list .v-list__tile__sub-title,
-#photoprism.theme-midnight .accent--text {
-    color: #919bd4 !important;
-}
-
-#photoprism.theme-midnight .theme--light.v-input:not(.v-input--is-disabled) input,
-#photoprism.theme-theri .theme--light.v-input:not(.v-input--is-disabled) textarea {
-    color: #fff;
-}
-
-#photoprism.theme-midnight .theme--light.v-btn.v-btn--disabled,
-#photoprism.theme-midnight .theme--light.v-btn.v-btn--disabled .v-btn__loading,
-#photoprism.theme-midnight .theme--light.v-btn.v-btn--disabled .v-icon {
-    color: #999 !important;
-}
-
-#photoprism.theme-midnight .theme--light.v-list .v-list__tile__mask {
-    color: #cccccc;
-    background: transparent;
-}
\ No newline at end of file
diff --git a/frontend/src/css/themes/vanta.css b/frontend/src/css/themes/vanta.css
new file mode 100644
index 000000000..c708d452f
--- /dev/null
+++ b/frontend/src/css/themes/vanta.css
@@ -0,0 +1,93 @@
+/* Black Aqua Theme */
+
+.theme-vanta .v-content__wrap,
+.theme-vanta .p-page,
+.theme-vanta .form,
+.theme-vanta .v-content {
+    background: #212121 !important;
+}
+
+#photoprism.theme-vanta .theme--light.v-small-dialog__content,
+#photoprism.theme-vanta .theme--light.v-sheet,
+#photoprism.theme-vanta .theme--light.v-card {
+    background: #212121;
+}
+
+.theme-vanta .application.theme--light {
+    background: #212121;
+}
+
+#photoprism.theme-vanta .theme--light .v-table {
+    background: #262626;
+}
+
+#photoprism.theme-vanta .theme--light.v-table thead th,
+#photoprism.theme-vanta .theme--light.v-table tbody td {
+    color: #fff;
+}
+
+#photoprism.theme-vanta .theme--light.v-table tbody tr:hover {
+    background: #333333;
+}
+
+#photoprism.theme-vanta .theme--light.v-chip,
+#photoprism.theme-vanta .v-card__actions .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
+    background: #333;
+}
+
+#photoprism.theme-vanta .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
+    background: #262626;
+}
+
+#photoprism.theme-vanta .theme--light.v-input--selection-controls.v-input--is-disabled .v-icon {
+    color: #999 !important;
+}
+
+#photoprism.theme-vanta .theme--light.v-input--selection-controls.v-input--is-disabled .v-icon,
+#photoprism.theme-vanta .theme--light.v-input--is-disabled .v-label,
+#photoprism.theme-vanta .theme--light.v-input--is-disabled input,
+#photoprism.theme-vanta .theme--light.v-input--is-disabled textarea {
+    color: #ccc;
+}
+
+#photoprism.theme-vanta,
+#photoprism.theme-vanta .p-page a,
+#photoprism.theme-vanta .v-datatable a,
+#photoprism.theme-vanta .theme--light.v-expansion-panel .v-expansion-panel__container,
+#photoprism.theme-vanta .theme--light.v-tabs__bar .v-tabs__div,
+#photoprism.theme-vanta .theme--light {
+    color: #fff;
+}
+
+#photoprism.theme-vanta .theme--light.v-list {
+    background: #262626;
+}
+
+#photoprism.theme-vanta a.text-link {
+    color: #c8e3e7 !important;
+}
+
+#photoprism.theme-vanta .theme--light.v-select .v-select__selections {
+    color: #eee;
+}
+
+#photoprism.theme-vanta .theme--light.v-list .v-list__tile__sub-title,
+#photoprism.theme-vanta .accent--text {
+    color: #05dde1 !important;
+}
+
+#photoprism.theme-vanta .theme--light.v-input:not(.v-input--is-disabled) input,
+#photoprism.theme-vanta .theme--light.v-input:not(.v-input--is-disabled) textarea {
+    color: #fff;
+}
+
+#photoprism.theme-vanta .theme--light.v-btn.v-btn--disabled,
+#photoprism.theme-vanta .theme--light.v-btn.v-btn--disabled .v-btn__loading,
+#photoprism.theme-vanta .theme--light.v-btn.v-btn--disabled .v-icon {
+    color: #999 !important;
+}
+
+#photoprism.theme-vanta .theme--light.v-list .v-list__tile__mask {
+    color: #cccccc;
+    background: transparent;
+}
\ No newline at end of file
diff --git a/frontend/src/options/options.js b/frontend/src/options/options.js
index 049afc404..af2a7bb31 100644
--- a/frontend/src/options/options.js
+++ b/frontend/src/options/options.js
@@ -231,8 +231,8 @@ export const Themes = () => [
     disabled: false,
   },
   {
-    text: $gettext("Midnight"),
-    value: "midnight",
+    text: $gettext("Vanta"),
+    value: "vanta",
     disabled: false,
   },
   {
diff --git a/frontend/src/options/themes.json b/frontend/src/options/themes.json
index 5c9e6ce24..79730f0a1 100644
--- a/frontend/src/options/themes.json
+++ b/frontend/src/options/themes.json
@@ -289,7 +289,7 @@
       "navigation-home": "#000000"
     }
   },
-  "midnight": {
+  "vanta": {
     "dark": true,
     "sponsor": true,
     "colors": {