Frontend: Add "Onyx" theme

Signed-off-by: Michael Mayer <michael@liquidbytes.net>

frontend/src/css/app.css

@@ -78,14 +78,6 @@ main {
     cursor: text;
 }
 
-#photoprism main a.v-tabs__item {
-    color: #546E7A;
-}
-
-#photoprism main a.v-tabs__item--active {
-    color: #455A64;
-}
-
 #photoprism .v-badge__badge {
     font-size: 12px;
     height: 19px;

frontend/src/resources/options.json

@@ -30,6 +30,10 @@
       "text": "Moonlight",
       "value": "moonlight"
     },
+    {
+      "text": "Onyx",
+      "value": "onyx"
+    },
     {
       "text": "Raspberry",
       "value": "raspberry"

frontend/src/resources/themes.json

@@ -96,5 +96,22 @@
     "terminal": "#333333",
     "navigation": "#212121",
     "navigation-home": "#000000"
+  },
+  "onyx": {
+    "application": "#959899",
+    "primary": "#a5b3c0",
+    "secondary-dark": "#343434",
+    "secondary": "#656869",
+    "secondary-light": "#757879",
+    "accent": "#656565",
+    "error": "#E57373",
+    "info": "#00ACC1",
+    "success": "#00BFA5",
+    "warning": "#FFAB00",
+    "delete": "#E57373",
+    "love": "#EF5350",
+    "terminal": "#333333",
+    "navigation": "#353839",
+    "navigation-home": "#212121"
   }
 }