apps/photoprism
1
0
Fork 0
mirror of https://github.com/photoprism/photoprism.git synced 2025-09-26 21:01:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

UX: Update Default and Lightbox themes in frontend/src/options/themes.js

Browse Source 
Signed-off-by: Michael Mayer <michael@photoprism.app>
This commit is contained in:
Michael Mayer
2025-09-07 19:29:12 +02:00
parent e7d4bc509d
commit 7d3978cfd4
1 changed files with 36 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
frontend/src/options/themes.js
View File

@@ -18,25 +18,27 @@ let themes = {
title: "Default",
name: "default",
colors: {
"background": "#2c2d2f",
"surface": "#161718",
"on-surface": "#ffffff",
"background": "#19191a",
"on-background": "#f9fafb",
"surface": "#262628",
"on-surface": "#f9fafb",
"surface-bright": "#333333",
"surface-variant": "#7852cd",
"on-surface-variant": "#f6f7e8",
"card": "#171718",
"selected": "#5e319b",
"table": "#242426", // Variations: 242628, 212325, 1E2022, 1C1D1F, 191A1C, 161718, 131415, 111112
"button": "#1D1E1F",
"switch": "#101112",
"primary": "#9E7BEA",
"secondary": "#19191a",
"secondary-light": "#202022",
"accent": "#303136",
"card": "#27272a",
"selected": "#5e319b",
"highlight": "#5e319b",
"secondary": "#191A1C",
"secondary-light": "#1E2022",
"accent": "#2D2E2E",
"switch": "#101112",
"button": "#262628",
"table": "#202021",
"on-table": "#f9fafb",
"error": "#e57373",
"info": "#9E7BEA",
"success": "#8763d5",
"info": "#00acc1",
"success": "#4db6ac",
"warning": "#bc9714",
"favorite": "#FFD600",
"remove": "#da4e4c",
@@ -48,9 +50,17 @@ let themes = {
"edit": "#2196F3",
"share": "#3F51B5",
"love": "#ef5350",
"terminal": "#4A464F",
"navigation": "#141417",
"navigation-home": "#0e0f10",
"terminal": "#282730",
"navigation": "#19191a",
"navigation-home": "#19191a",
},
variables: {
"border-color": "#363636",
"border-opacity": 0.46,
"fill-opacity": 0,
"hover-opacity": 0.03,
"disabled-opacity": 0.65,
"focus-opacity": 0.05,
},
},
@@ -92,6 +102,7 @@ let themes = {
variables: {
"disabled-opacity": 0.6,
"hover-opacity": 0.03,
"overlay-opacity": 0.62,
},
},
carbon: {
@@ -660,10 +671,10 @@ let themes = {
title: "Lightbox",
name: "lightbox",
colors: {
"background": "#141417",
"surface": "#141417",
"background": "#040709",
"surface": "#040709",
"on-surface": "#ffffff",
"surface-bright": "#333333",
"surface-bright": "#141417",
"surface-variant": "#242628",
"on-surface-variant": "#f6f6f6",
"card": "#171717",
@@ -691,8 +702,12 @@ let themes = {
"share": "#3F51B5",
"love": "#ef5350",
"terminal": "#4A464F",
"navigation": "#0e0f10",
"navigation-home": "#0e0f10",
"navigation": "#040709",
"navigation-home": "#040709",
},
variables: {
"border-color": "#ffffff",
"border-opacity": 0.1,
},
},