Skip to content

Commit 53cddf5

Browse files
committed
Themes: Rename "Snow" to "Nordic" and remove "Cyano" theme
Signed-off-by: Michael Mayer <michael@photoprism.app>
1 parent 1124df1 commit 53cddf5

File tree

4 files changed

+317
-353
lines changed

4 files changed

+317
-353
lines changed

frontend/src/css/themes.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
@import url("themes/neon.css");
77
@import url("themes/gemstone.css");
88
@import url("themes/carbon.css");
9-
@import url("themes/snow.css");
9+
@import url("themes/nordic.css");
1010
@import url("themes/lavender.css");
1111
@import url("themes/raspberry.css");
1212

frontend/src/css/themes/nordic.css

+144
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
/* Nordic Theme */
2+
3+
body.theme-nordic #p-navigation.theme--dark,
4+
body.theme-nordic #p-navigation .theme--dark.v-icon,
5+
body.theme-nordic #p-navigation .theme--dark.v-list,
6+
body.theme-nordic #p-navigation .theme--dark.v-toolbar,
7+
#photoprism.theme-nordic .v-navigation-drawer>.theme--dark.v-list .v-list__tile__sub-title,
8+
body.theme-nordic .theme--light.application {
9+
color: #4C566A;
10+
}
11+
12+
body.theme-nordic #p-navigation .primary--text .theme--dark.v-icon,
13+
body.theme-nordic #p-navigation .primary--text .theme--dark.v-list {
14+
color: #4ca0b8;
15+
}
16+
17+
body.theme-nordic #p-navigation .navigation-home.theme--dark .nav-logo {
18+
color: #4C566A;
19+
}
20+
21+
body.theme-nordic,
22+
.theme-nordic .v-content__wrap,
23+
.theme-nordic .p-page,
24+
.theme-nordic .form,
25+
.theme-nordic .v-content {
26+
background: #f7f8fa !important;
27+
}
28+
29+
.theme-nordic .application.theme--light,
30+
#photoprism.theme-nordic .theme--light.v-small-dialog__content,
31+
#photoprism.theme-nordic .theme--light.v-sheet,
32+
#photoprism.theme-nordic .theme--light.v-card {
33+
background: #f7f8fa;
34+
}
35+
36+
#photoprism.theme-nordic .theme--light .v-table {
37+
background: #f2f3f7;
38+
}
39+
40+
#photoprism.container.theme-nordic {
41+
background-image: linear-gradient(160deg, #808080 0%, #262626 100%);
42+
}
43+
44+
#photoprism.container.theme-nordic div.loading-animation {
45+
color: #AFB4D4 !important;
46+
caret-color: #AFB4D4 !important;
47+
}
48+
49+
#photoprism.container.theme-nordic div.loading-animation .loading-underlay {
50+
stroke: rgba(196, 241, 229, 0.3);
51+
}
52+
53+
#photoprism.theme-nordic .theme--dark.v-toolbar,
54+
#photoprism.theme-nordic .v-list__tile.theme--dark,
55+
#photoprism.theme-nordic .theme--dark.v-toolbar .v-icon,
56+
#photoprism.theme-nordic .theme--light.v-table thead th,
57+
#photoprism.theme-nordic .theme--light.v-table tbody td {
58+
color: #333333;
59+
}
60+
61+
#photoprism.theme-nordic .theme--light.v-table tbody tr:hover {
62+
background: #eceff4;
63+
}
64+
65+
#photoprism.theme-nordic .theme--light.v-chip,
66+
#photoprism.theme-nordic .v-card__actions .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
67+
background: #c5dee5;
68+
}
69+
70+
#photoprism.theme-nordic .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
71+
background: #eceff4;
72+
}
73+
74+
#photoprism.theme-nordic .map-control .theme--light.v-input:not(.v-input--is-disabled) i,
75+
#photoprism.theme-nordic .map-control .theme--light.v-input:not(.v-input--is-disabled) input {
76+
color: #333333;
77+
}
78+
79+
#photoprism.theme-nordic .theme--light.v-input--selection-controls.v-input--is-disabled .v-icon {
80+
color: #999 !important;
81+
}
82+
83+
#photoprism.theme-nordic .theme--light.v-input--selection-controls.v-input--is-disabled .v-icon,
84+
#photoprism.theme-nordic .theme--light.v-input--is-disabled .v-label,
85+
#photoprism.theme-nordic .theme--light.v-input--is-disabled input,
86+
#photoprism.theme-nordic .theme--light.v-input--is-disabled textarea {
87+
color: #4C566A;
88+
}
89+
90+
#photoprism.theme-nordic,
91+
#photoprism.theme-nordic .p-page a,
92+
#photoprism.theme-nordic .v-datatable a,
93+
#photoprism.theme-nordic .theme--light.v-expansion-panel .v-expansion-panel__container,
94+
#photoprism.theme-nordic .theme--light.v-tabs__bar .v-tabs__div,
95+
#photoprism.theme-nordic .theme--light {
96+
color: #333333;
97+
}
98+
99+
#photoprism.theme-nordic .theme--light.v-list {
100+
background: #f7f8fa;
101+
}
102+
103+
#photoprism.theme-nordic a.text-link {
104+
color: #326f80 !important;
105+
}
106+
107+
#photoprism.theme-nordic .theme--light.v-select .v-select__selections {
108+
color: #4C566A;
109+
}
110+
111+
#photoprism.theme-nordic .theme--light.v-list .v-list__tile__sub-title,
112+
#photoprism.theme-nordic .accent--text {
113+
color: #326f80 !important;
114+
}
115+
116+
#photoprism.theme-nordic .theme--light.v-input:not(.v-input--is-disabled) input,
117+
#photoprism.theme-nordic .theme--light.v-input:not(.v-input--is-disabled) textarea {
118+
color: #333333;
119+
}
120+
121+
#photoprism.theme-nordic .theme--light.v-btn.v-btn--disabled,
122+
#photoprism.theme-nordic .theme--light.v-btn.v-btn--disabled .v-btn__loading,
123+
#photoprism.theme-nordic .theme--light.v-btn.v-btn--disabled .v-icon {
124+
color: #999 !important;
125+
}
126+
127+
#photoprism.theme-nordic .theme--light.v-list .v-list__tile__mask {
128+
color: #cccccc;
129+
background: transparent;
130+
}
131+
132+
#photoprism.theme-nordic .cards-view .card.is-selected .card-details {
133+
color: #333333;
134+
background-color: #D8DEE9;
135+
}
136+
137+
#photoprism.theme-nordic .cards-view .card.is-selected,
138+
#photoprism.theme-nordic .cards-view .card.is-selected .card-background {
139+
background-color: #D8DEE9 !important;
140+
}
141+
142+
#photoprism.theme-nordic .cards-view .card.is-selected .card-details .v-icon {
143+
color: #333333;
144+
}

frontend/src/css/themes/snow.css

-144
This file was deleted.

0 commit comments

Comments
 (0)