Skip to content

Commit

Permalink
Frontend: Update Gemstone theme and common theme styles
Browse files Browse the repository at this point in the history
Signed-off-by: Michael Mayer <michael@photoprism.app>
  • Loading branch information
lastzero committed Aug 25, 2022
1 parent c9808b2 commit 3612ea0
Show file tree
Hide file tree
Showing 6 changed files with 69 additions and 56 deletions.
100 changes: 50 additions & 50 deletions frontend/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

10 changes: 7 additions & 3 deletions frontend/src/css/app.css
Original file line number Diff line number Diff line change
Expand Up @@ -335,17 +335,21 @@ ol, ul {
/* Rounded Elements */

.v-progress-linear,
#photoprism .search-results.mosaic-view .result,
#photoprism .search-results.list-view .result .v-image,
.v-progress-linear .v-progress-linear__bar__determinate,
.v-progress-linear .v-progress-linear__bar__indeterminate--active {
border-radius: 3px;
}


/* Result Border Radius */

.v-menu__content,
.v-btn.v-btn--depressed:not(.v-btn--round):not(.v-btn--icon),
.v-text-field.v-text-field--solo > .v-input__control > .v-input__slot {
.v-text-field.v-text-field--solo > .v-input__control > .v-input__slot,
#photoprism .v-dialog .v-responsive.v-image,
#photoprism .cards-view .result,
#photoprism .mosaic-view .result.image,
#photoprism .list-view .result .image {
border-radius: 4px;
}

Expand Down
2 changes: 1 addition & 1 deletion frontend/src/css/results.css
Original file line number Diff line number Diff line change
Expand Up @@ -196,6 +196,7 @@ body.chrome #photoprism .search-results .result {
transition-duration: 15ms !important;
margin: 4px !important;
box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12) !important;
border-radius: 4px;
}

#photoprism .search-results .image-container {
Expand All @@ -213,7 +214,6 @@ body.chrome #photoprism .search-results .result {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 3px;
overflow: hidden;
}

Expand Down
4 changes: 4 additions & 0 deletions frontend/src/css/themes.css
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,10 @@ body.dark-theme #photoprism .v-tabs .v-badge__badge {
color: #000000;
}

body.dark-theme #photoprism .v-table .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
background: transparent;
}

body.dark-theme .theme--light.v-list .v-list__tile--highlighted,
body.dark-theme .theme--light.v-list a:hover {
background: rgba(255,255,255,0.3) !important;
Expand Down
7 changes: 6 additions & 1 deletion frontend/src/css/themes/gemstone.css
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,12 @@ body.dark-theme.theme-gemstone {
}

#photoprism.theme-gemstone .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
background: #353535;
background: rgba(250, 250, 255, 0.1);
}

#photoprism.theme-gemstone .map-control .theme--light.v-input:not(.v-input--is-disabled) i,
#photoprism.theme-gemstone .map-control .theme--light.v-input:not(.v-input--is-disabled) input {
color: #333333;
}

#photoprism.theme-gemstone .theme--light.v-input--selection-controls.v-input--is-disabled .v-icon {
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/dialog/photo/files.vue
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@
aspect-ratio="1"
max-width="112"
max-height="112"
class="accent lighten-2 elevation-0 clickable"
class="accent lighten-2 elevation-0 clickable my-1"
@click.exact="openFile(file)"
>
</v-img>
Expand Down

0 comments on commit 3612ea0

Please sign in to comment.