Frontend: Update Gemstone theme and common theme styles

Signed-off-by: Michael Mayer <michael@photoprism.app>

Author: lastzero

frontend/package-lock.json

@@ -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;
 }
 

frontend/src/css/app.css

@@ -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 {
@@ -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;
 }
 

frontend/src/css/results.css

@@ -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;

frontend/src/css/themes.css

@@ -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 {

frontend/src/css/themes/gemstone.css

@@ -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>