Settings: Remove raspberry theme & make free themes easier to find #3368

Signed-off-by: Michael Mayer <michael@photoprism.app>
photoprism · May 4, 2023 · cbf4879 · cbf4879
1 parent 9d5ac46
commit cbf4879
Show file tree

Hide file tree

Showing 3 changed files with 142 additions and 191 deletions.
diff --git a/frontend/src/css/themes.css b/frontend/src/css/themes.css
@@ -8,7 +8,6 @@
 @import url("themes/carbon.css");
 @import url("themes/nordic.css");
 @import url("themes/lavender.css");
-@import url("themes/raspberry.css");
 
 /* General Styles */
 

diff --git a/frontend/src/options/themes.js b/frontend/src/options/themes.js
@@ -34,6 +34,131 @@ let themes = {
       "navigation-home": "#000000",
     },
   },
+  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",
+    },
+  },
+  lavender: {
+    name: "lavender",
+    dark: false,
+    sponsor: false,
+    colors: {
+      application: "#fafafa",
+      form: "#fafafa",
+      card: "#DFE0E8",
+      primary: "#9ca2c9",
+      "primary-button": "#6c6f84",
+      "secondary-dark": "#475185",
+      secondary: "#dee0ed",
+      "secondary-light": "#eef0f6",
+      accent: "#8c8c8c",
+      error: "#e57373",
+      info: "#00acc1",
+      success: "#26A69A",
+      warning: "#ffd740",
+      remove: "#e57373",
+      restore: "#64b5f6",
+      album: "#ffab00",
+      download: "#00bfa5",
+      private: "#00b8d4",
+      edit: "#00b8d4",
+      share: "#9575cd",
+      love: "#ef5350",
+      terminal: "#333333",
+      navigation: "#1b1e32",
+      "navigation-home": "#121421",
+    },
+  },
+  onyx: {
+    name: "onyx",
+    dark: false,
+    sponsor: false,
+    colors: {
+      application: "#e5e4e2",
+      form: "#e5e4e2",
+      card: "#cdccca",
+      primary: "#c8bdb1",
+      "primary-button": "#353839",
+      "secondary-dark": "#353839",
+      secondary: "#a8a8a8",
+      "secondary-light": "#cdccca",
+      accent: "#656565",
+      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",
+    },
+  },
+  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,
@@ -128,68 +253,6 @@ let themes = {
       "navigation-home": "#131316",
     },
   },
-  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",
-    },
-  },
-  lavender: {
-    name: "lavender",
-    dark: false,
-    sponsor: false,
-    colors: {
-      application: "#fafafa",
-      form: "#fafafa",
-      card: "#DFE0E8",
-      primary: "#9ca2c9",
-      "primary-button": "#6c6f84",
-      "secondary-dark": "#475185",
-      secondary: "#dee0ed",
-      "secondary-light": "#eef0f6",
-      accent: "#8c8c8c",
-      error: "#e57373",
-      info: "#00acc1",
-      success: "#26A69A",
-      warning: "#ffd740",
-      remove: "#e57373",
-      restore: "#64b5f6",
-      album: "#ffab00",
-      download: "#00bfa5",
-      private: "#00b8d4",
-      edit: "#00b8d4",
-      share: "#9575cd",
-      love: "#ef5350",
-      terminal: "#333333",
-      navigation: "#1b1e32",
-      "navigation-home": "#121421",
-    },
-  },
   neon: {
     name: "neon",
     dark: true,
@@ -221,100 +284,6 @@ let themes = {
       "navigation-home": "#000000",
     },
   },
-  nordic: {
-    dark: false,
-    sponsor: true,
-    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,
-    sponsor: false,
-    colors: {
-      application: "#e5e4e2",
-      form: "#e5e4e2",
-      card: "#cdccca",
-      primary: "#c8bdb1",
-      "primary-button": "#353839",
-      "secondary-dark": "#353839",
-      secondary: "#a8a8a8",
-      "secondary-light": "#cdccca",
-      accent: "#656565",
-      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",
-    },
-  },
-  raspberry: {
-    name: "raspberry",
-    dark: false,
-    sponsor: false,
-    colors: {
-      application: "#FDEDF5",
-      form: "#fafafa",
-      card: "#f9d1e1",
-      primary: "#ffb3cc",
-      "primary-button": "#d32d86",
-      "secondary-dark": "#d34892",
-      secondary: "#f6cadf",
-      "secondary-light": "#fad0e2",
-      accent: "#B994A5",
-      error: "#e57373",
-      info: "#00acc1",
-      success: "#26A69A",
-      warning: "#ffd740",
-      remove: "#e57373",
-      restore: "#64b5f6",
-      album: "#ffab00",
-      download: "#00bfa5",
-      private: "#00b8d4",
-      edit: "#00b8d4",
-      share: "#9575cd",
-      love: "#ef5350",
-      terminal: "#b93b92",
-      navigation: "#9f2666",
-      "navigation-home": "#8f0f53",
-    },
-  },
   shadow: {
     name: "shadow",
     dark: true,
@@ -419,18 +388,18 @@ let options = [
     disabled: false,
   },
   {
-    text: "Abyss",
-    value: "abyss",
+    text: "Nordic",
+    value: "nordic",
     disabled: false,
   },
   {
-    text: "Carbon",
-    value: "carbon",
+    text: "Lavender",
+    value: "lavender",
     disabled: false,
   },
   {
-    text: "Gemstone",
-    value: "gemstone",
+    text: "Onyx",
+    value: "onyx",
     disabled: false,
   },
   {
@@ -439,28 +408,23 @@ let options = [
     disabled: false,
   },
   {
-    text: "Lavender",
-    value: "lavender",
-    disabled: false,
-  },
-  {
-    text: "Neon",
-    value: "neon",
+    text: "Abyss",
+    value: "abyss",
     disabled: false,
   },
   {
-    text: "Nordic",
-    value: "nordic",
+    text: "Carbon",
+    value: "carbon",
     disabled: false,
   },
   {
-    text: "Onyx",
-    value: "onyx",
+    text: "Gemstone",
+    value: "gemstone",
     disabled: false,
   },
   {
-    text: "Raspberry",
-    value: "raspberry",
+    text: "Neon",
+    value: "neon",
     disabled: false,
   },
   {