From e31aa6e357c63595ee0e0ff00f8ecbbc27d0f2c8 Mon Sep 17 00:00:00 2001
From: Michael Mayer <michael@photoprism.app>
Date: Fri, 5 May 2023 21:04:53 +0200
Subject: [PATCH] Settings: Sort free themes alphabetically #3368

Signed-off-by: Michael Mayer <michael@photoprism.app>
---
 frontend/src/options/themes.js | 128 ++++++++++++++++-----------------
 1 file changed, 64 insertions(+), 64 deletions(-)

diff --git a/frontend/src/options/themes.js b/frontend/src/options/themes.js
index 78770d190..0bfd762ed 100644
--- a/frontend/src/options/themes.js
+++ b/frontend/src/options/themes.js
@@ -34,36 +34,35 @@ let themes = {
       "navigation-home": "#000000",
     },
   },
-  nordic: {
-    dark: false,
+  grayscale: {
+    name: "grayscale",
+    dark: true,
     sponsor: false,
-    title: "Nordic",
-    name: "nordic",
     colors: {
-      application: "#f7f8fa",
-      form: "#eeeeee",
-      card: "#ECEFF4",
-      primary: "#4ca0b8",
-      "primary-button": "#519fb6",
-      "secondary-dark": "#4ca0b8",
-      secondary: "#e2e7ee",
-      "secondary-light": "#eceff4",
-      accent: "#81A1C1",
-      error: "#BF616A",
-      info: "#88C0D0",
-      success: "#8FBCBB",
-      warning: "#f0d8a8",
-      remove: "#BF616A",
-      restore: "#81A1C1",
-      album: "#EBCB8B",
-      download: "#8FBCBB",
-      private: "#88C0D0",
-      edit: "#88C0D0",
-      share: "#B48EAD",
+      application: "#525252",
+      form: "#e5e4e2",
+      card: "#5e5e5e",
+      primary: "#c8bdb1",
+      "primary-button": "#726e69",
+      "secondary-dark": "#c8bdb1",
+      secondary: "#444",
+      "secondary-light": "#5E5E5E",
+      accent: "#333",
+      error: "#e57373",
+      info: "#5a94dd",
+      success: "#26A69A",
+      warning: "#e3d181",
       love: "#ef5350",
-      terminal: "#4C566A",
-      navigation: "#e7ebf1",
-      "navigation-home": "#dde3eb",
+      remove: "#e35333",
+      restore: "#64b5f6",
+      album: "#ffab40",
+      download: "#07bd9f",
+      private: "#48bcd6",
+      edit: "#48bcd6",
+      share: "#0070a0",
+      terminal: "#333333",
+      navigation: "#353839",
+      "navigation-home": "#212121",
     },
   },
   lavender: {
@@ -97,6 +96,38 @@ let themes = {
       "navigation-home": "#121421",
     },
   },
+  nordic: {
+    dark: false,
+    sponsor: false,
+    title: "Nordic",
+    name: "nordic",
+    colors: {
+      application: "#f7f8fa",
+      form: "#eeeeee",
+      card: "#ECEFF4",
+      primary: "#4ca0b8",
+      "primary-button": "#519fb6",
+      "secondary-dark": "#4ca0b8",
+      secondary: "#e2e7ee",
+      "secondary-light": "#eceff4",
+      accent: "#81A1C1",
+      error: "#BF616A",
+      info: "#88C0D0",
+      success: "#8FBCBB",
+      warning: "#f0d8a8",
+      remove: "#BF616A",
+      restore: "#81A1C1",
+      album: "#EBCB8B",
+      download: "#8FBCBB",
+      private: "#88C0D0",
+      edit: "#88C0D0",
+      share: "#B48EAD",
+      love: "#ef5350",
+      terminal: "#4C566A",
+      navigation: "#e7ebf1",
+      "navigation-home": "#dde3eb",
+    },
+  },
   onyx: {
     name: "onyx",
     dark: false,
@@ -128,37 +159,6 @@ let themes = {
       "navigation-home": "#212121",
     },
   },
-  grayscale: {
-    name: "grayscale",
-    dark: true,
-    sponsor: false,
-    colors: {
-      application: "#525252",
-      form: "#e5e4e2",
-      card: "#5e5e5e",
-      primary: "#c8bdb1",
-      "primary-button": "#726e69",
-      "secondary-dark": "#c8bdb1",
-      secondary: "#444",
-      "secondary-light": "#5E5E5E",
-      accent: "#333",
-      error: "#e57373",
-      info: "#5a94dd",
-      success: "#26A69A",
-      warning: "#e3d181",
-      love: "#ef5350",
-      remove: "#e35333",
-      restore: "#64b5f6",
-      album: "#ffab40",
-      download: "#07bd9f",
-      private: "#48bcd6",
-      edit: "#48bcd6",
-      share: "#0070a0",
-      terminal: "#333333",
-      navigation: "#353839",
-      "navigation-home": "#212121",
-    },
-  },
   abyss: {
     name: "abyss",
     dark: true,
@@ -388,8 +388,8 @@ let options = [
     disabled: false,
   },
   {
-    text: "Nordic",
-    value: "nordic",
+    text: "Grayscale",
+    value: "grayscale",
     disabled: false,
   },
   {
@@ -398,13 +398,13 @@ let options = [
     disabled: false,
   },
   {
-    text: "Onyx",
-    value: "onyx",
+    text: "Nordic",
+    value: "nordic",
     disabled: false,
   },
   {
-    text: "Grayscale",
-    value: "grayscale",
+    text: "Onyx",
+    value: "onyx",
     disabled: false,
   },
   {