Skip to content

Commit eb214b8

Browse files
committed
UX: Improve theme colors photoprism#3168
Signed-off-by: Michael Mayer <michael@photoprism.app>
1 parent 9bf587b commit eb214b8

File tree

2 files changed

+32
-28
lines changed

2 files changed

+32
-28
lines changed

frontend/src/component/photo/edit/dialog.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
@after-leave="afterLeave"
1212
>
1313
<v-card ref="content" :tile="$vuetify.display.smAndDown" tabindex="1">
14-
<v-toolbar flat color="surface" :density="$vuetify.display.smAndDown ? 'compact' : 'comfortable'">
14+
<v-toolbar flat color="navigation" :density="$vuetify.display.smAndDown ? 'compact' : 'comfortable'">
1515
<v-btn icon class="action-close" @click.stop="onClose">
1616
<v-icon>mdi-close</v-icon>
1717
</v-btn>

frontend/src/options/themes.js

Lines changed: 31 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -100,15 +100,15 @@ let themes = {
100100
name: "carbon",
101101
colors: {
102102
"background": "#16141c",
103-
"surface": "#0a090d",
103+
"surface": "#24212E",
104104
"card": "#292732",
105105
"primary": "#8a6eff",
106106
"highlight": "#53478a",
107107
"surface-variant": "#7f63fd",
108108
"secondary": "#0E0D12",
109109
"secondary-light": "#292733",
110110
"table": "#1D1B26",
111-
"button": "#292733",
111+
"button": "#2C273E",
112112
"switch": "#707070",
113113
"selected": "#53478a",
114114
"accent": "#262238",
@@ -129,6 +129,7 @@ let themes = {
129129
"navigation-home": "#0E0D12",
130130
},
131131
variables: {
132+
"overlay-color": "#24212E",
132133
"disabled-opacity": 0.6,
133134
"hover-opacity": 0.03,
134135
},
@@ -139,15 +140,15 @@ let themes = {
139140
name: "chrome",
140141
colors: {
141142
"background": "#1d1d1d",
142-
"surface": "#1a1a1a",
143+
"surface": "#1f1f1f",
143144
"card": "#1f1f1f",
144145
"primary": "#ffffff",
145146
"highlight": "#393939",
146147
"surface-variant": "#ffffff",
147148
"on-surface-variant": "#000000",
148-
"secondary": "#1f1f1f",
149+
"secondary": "#1c1c1c",
149150
"secondary-light": "#292929",
150-
"button": "#292929",
151+
"button": "#2a2b2c",
151152
"table": "#262626",
152153
"switch": "#707070",
153154
"selected": "#494949",
@@ -165,10 +166,11 @@ let themes = {
165166
"share": "#9575cd",
166167
"love": "#dd3f3e",
167168
"terminal": "#2f3131",
168-
"navigation": "#1e2122",
169-
"navigation-home": "#1e2122",
169+
"navigation": "#1a1b1c",
170+
"navigation-home": "#1a1b1c",
170171
},
171172
variables: {
173+
"overlay-color": "#292929",
172174
"disabled-opacity": 0.55,
173175
"hover-opacity": 0.03,
174176
},
@@ -178,18 +180,18 @@ let themes = {
178180
name: "gemstone",
179181
dark: true,
180182
colors: {
181-
"background": "#2f2f31",
182-
"surface": "#161617",
183-
"card": "#2b2b2d",
183+
"background": "#2b2c2f",
184+
"surface": "#323337",
185+
"card": "#26272e",
184186
"primary": "#AFB4D4",
185-
"highlight": "#545465",
187+
"highlight": "#474859",
186188
"surface-variant": "#9BA0C5",
187189
"on-surface-variant": "#f6f7e8",
188-
"secondary": "#272727",
190+
"secondary": "#242628",
189191
"secondary-light": "#37373a",
190192
"table": "#333336",
191-
"button": "#37373A",
192-
"selected": "#696c7f",
193+
"button": "#47474e",
194+
"selected": "#5c5e79",
193195
"accent": "#333",
194196
"error": "#e57373",
195197
"info": "#00acc1",
@@ -204,10 +206,11 @@ let themes = {
204206
"share": "#9575cd",
205207
"love": "#ef5350",
206208
"terminal": "#4A464F",
207-
"navigation": "#1C1C21",
208-
"navigation-home": "#131316",
209+
"navigation": "#1C1C20",
210+
"navigation-home": "#131315",
209211
},
210212
variables: {
213+
"overlay-color": "#303132",
211214
"disabled-opacity": 0.65,
212215
"hover-opacity": 0.03,
213216
},
@@ -256,23 +259,24 @@ let themes = {
256259
name: "lavender",
257260
dark: false,
258261
colors: {
259-
"background": "#fafafa",
260-
"surface": "#e7e8f2",
262+
"background": "#F3F3F5",
263+
"surface": "#DDDEE6",
264+
"on-surface": "#17171b",
261265
"card": "#DFE0E8",
262266
"primary": "#9ca2c9",
263-
"highlight": "#7c81a0",
264-
"surface-variant": "#475185",
265-
"secondary": "#E2E5F3",
267+
"highlight": "#6E7189",
268+
"surface-variant": "#8A8CA8",
269+
"secondary": "#51526D",
266270
"secondary-light": "#eef0f6",
267271
"selected": "#7c81a0",
268-
"table": "#FFFFFF",
269-
"button": "#EEF0F6",
272+
"table": "#DBDBE2",
273+
"button": "#8A8CA8",
270274
"switch": "#707070",
271275
"accent": "#EAEAF3",
272276
"error": "#e57373",
273-
"info": "#00acc1",
277+
"info": "#6E7189",
274278
"success": "#26A69A",
275-
"warning": "#ffd740",
279+
"warning": "#bfa965",
276280
"remove": "#e57373",
277281
"restore": "#64b5f6",
278282
"album": "#ffab00",
@@ -282,8 +286,8 @@ let themes = {
282286
"share": "#9575cd",
283287
"love": "#ef5350",
284288
"terminal": "#e7e8f2",
285-
"navigation": "#1b1e32",
286-
"navigation-home": "#121421",
289+
"navigation": "#393B4B",
290+
"navigation-home": "#2C2D3B",
287291
},
288292
variables: {
289293
"disabled-opacity": 0.65,

0 commit comments

Comments
 (0)