From 5c913a422d2f669f2c973a2054d4e3d7e5d4a6f1 Mon Sep 17 00:00:00 2001
From: Michael Mayer <michael@liquidbytes.net>
Date: Thu, 23 Jan 2020 12:11:54 +0100
Subject: [PATCH] Frontend: Themes can define context menu colors

Signed-off-by: Michael Mayer <michael@liquidbytes.net>
---
 frontend/src/component/p-album-clipboard.vue |  2 +-
 frontend/src/component/p-photo-clipboard.vue | 16 ++---
 frontend/src/resources/themes.json           | 64 ++++++++++++++++----
 3 files changed, 62 insertions(+), 20 deletions(-)

diff --git a/frontend/src/component/p-album-clipboard.vue b/frontend/src/component/p-album-clipboard.vue
index 64d616ec6..f651a9e28 100644
--- a/frontend/src/component/p-album-clipboard.vue
+++ b/frontend/src/component/p-album-clipboard.vue
@@ -27,7 +27,7 @@
                         dark
                         small
                         :title="labels.download"
-                        color="teal accent-4"
+                        color="download"
                         @click.stop="download()"
                         class="p-album-clipboard-download"
                         :disabled="selection.length !== 1"
diff --git a/frontend/src/component/p-photo-clipboard.vue b/frontend/src/component/p-photo-clipboard.vue
index c0c2ffb67..7427d5089 100644
--- a/frontend/src/component/p-photo-clipboard.vue
+++ b/frontend/src/component/p-photo-clipboard.vue
@@ -27,26 +27,26 @@
                         dark
                         small
                         :title="labels.private"
-                        color="deep-purple lighten-2"
+                        color="share"
                         @click.stop="batchPrivate()"
                         :disabled="selection.length === 0"
                         v-if="context !== 'archive'"
                         class="p-photo-clipboard-private"
                 >
-                    <v-icon>vpn_key</v-icon>
+                    <v-icon>share</v-icon>
                 </v-btn>
                 <v-btn
                         fab
                         dark
                         small
                         :title="labels.story"
-                        color="cyan accent-4"
+                        color="edit"
                         :disabled="selection.length === 0"
                         @click.stop="batchStory()"
                         v-if="context !== 'archive'"
                         class="p-photo-clipboard-story"
                 >
-                    <v-icon>wifi</v-icon>
+                    <v-icon>edit</v-icon>
                 </v-btn>
                 <!-- v-btn
                         fab
@@ -63,7 +63,7 @@
                         dark
                         small
                         :title="labels.download"
-                        color="teal accent-4"
+                        color="download"
                         @click.stop="download()"
                         v-if="context !== 'archive'"
                         class="p-photo-clipboard-download"
@@ -75,7 +75,7 @@
                         dark
                         small
                         :title="labels.addToAlbum"
-                        color="amber accent-4"
+                        color="album"
                         :disabled="selection.length === 0"
                         @click.stop="dialog.album = true"
                         v-if="context !== 'archive'"
@@ -88,7 +88,7 @@
                         fab
                         dark
                         small
-                        color="delete"
+                        color="archive"
                         :title="labels.archive"
                         @click.stop="dialog.archive = true"
                         :disabled="selection.length === 0"
@@ -102,7 +102,7 @@
                         fab
                         dark
                         small
-                        color="blue lighten-2"
+                        color="restore"
                         :title="labels.restore"
                         @click.stop="batchRestorePhotos"
                         :disabled="selection.length === 0"
diff --git a/frontend/src/resources/themes.json b/frontend/src/resources/themes.json
index 8af017eaf..511d0e690 100644
--- a/frontend/src/resources/themes.json
+++ b/frontend/src/resources/themes.json
@@ -9,7 +9,13 @@
     "info": "#00ACC1",
     "success": "#00BFA5",
     "warning": "#FFD600",
-    "delete": "#E57373",
+    "delete": "#C73347",
+    "archive": "#E57373",
+    "restore": "#64B5F6",
+    "album": "#FFAB00",
+    "download": "#00BFA5",
+    "edit": "#00B8D4",
+    "share": "#9575CD",
     "love": "#EF5350",
     "terminal": "#546E7A",
     "navigation": "#424242",
@@ -26,7 +32,13 @@
     "info": "#00ACC1",
     "success": "#00BFA5",
     "warning": "#FFD600",
-    "delete": "#E57373",
+    "delete": "#C73347",
+    "archive": "#E57373",
+    "restore": "#64B5F6",
+    "album": "#FFAB00",
+    "download": "#00BFA5",
+    "edit": "#00B8D4",
+    "share": "#9575CD",
     "love": "#EF5350",
     "terminal": "#333333",
     "navigation": "#006064",
@@ -42,7 +54,13 @@
     "info": "#00ACC1",
     "success": "#00BFA5",
     "warning": "#FFD600",
-    "delete": "#E57373",
+    "delete": "#C73347",
+    "archive": "#E57373",
+    "restore": "#64B5F6",
+    "album": "#FFAB00",
+    "download": "#00BFA5",
+    "edit": "#00B8D4",
+    "share": "#9575CD",
     "love": "#EF5350",
     "terminal": "#616161",
     "navigation": "#a40e52",
@@ -58,7 +76,13 @@
     "info": "#00ACC1",
     "success": "#00BFA5",
     "warning": "#FFAB00",
-    "delete": "#E57373",
+    "delete": "#C73347",
+    "archive": "#E57373",
+    "restore": "#64B5F6",
+    "album": "#FFAB00",
+    "download": "#00BFA5",
+    "edit": "#00B8D4",
+    "share": "#9575CD",
     "love": "#EF5350",
     "terminal": "#333333",
     "navigation": "#37474F",
@@ -74,7 +98,13 @@
     "info": "#00ACC1",
     "success": "#00BFA5",
     "warning": "#FFAB00",
-    "delete": "#E57373",
+    "delete": "#C73347",
+    "archive": "#E57373",
+    "restore": "#64B5F6",
+    "album": "#FFAB00",
+    "download": "#00BFA5",
+    "edit": "#00B8D4",
+    "share": "#9575CD",
     "love": "#EF5350",
     "terminal": "#333333",
     "navigation": "#37474F",
@@ -91,7 +121,13 @@
     "info": "#00ACC1",
     "success": "#00BFA5",
     "warning": "#FFAB00",
-    "delete": "#E57373",
+    "delete": "#C73347",
+    "archive": "#E57373",
+    "restore": "#64B5F6",
+    "album": "#FFAB00",
+    "download": "#00BFA5",
+    "edit": "#00B8D4",
+    "share": "#9575CD",
     "love": "#EF5350",
     "terminal": "#333333",
     "navigation": "#212121",
@@ -105,12 +141,18 @@
     "secondary": "#989898",
     "secondary-light": "#B8B8B8",
     "accent": "#656565",
-    "error": "#E57373",
-    "info": "#00ACC1",
-    "success": "#00BFA5",
-    "warning": "#FFAB00",
-    "delete": "#E57373",
+    "error": "#FF76DC",
+    "info": "#5A94DD",
+    "success": "#82BD7E",
+    "warning": "#E3D181",
     "love": "#EF5350",
+    "delete": "#C73347",
+    "archive": "#E35333",
+    "restore": "#64B5F6",
+    "album": "#FFAB40",
+    "download": "#07BD9F",
+    "edit": "#48BCD6",
+    "share": "#0070A0",
     "terminal": "#333333",
     "navigation": "#353839",
     "navigation-home": "#212121"