UX: Improve theme styles and search field contrast in Places

Signed-off-by: Michael Mayer <michael@photoprism.app>
photoprism · Feb 21, 2023 · 0d2a25e · 0d2a25e
1 parent 7d62182
commit 0d2a25e
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 7 deletions.
diff --git a/frontend/src/css/themes/carbon.css b/frontend/src/css/themes/carbon.css
@@ -20,7 +20,7 @@ body.dark-theme.theme-carbon,
 }
 
 #photoprism.theme-carbon .theme--light.v-text-field--solo>.v-input__control>.v-input__slot{
-    background: #474256a3;
+    background: rgba(250, 250, 255, 0.1);
 }
 
 #photoprism.container.theme-carbon {

diff --git a/frontend/src/css/themes/gemstone.css b/frontend/src/css/themes/gemstone.css
@@ -43,7 +43,7 @@ body.dark-theme.theme-gemstone,
 
 #photoprism.theme-gemstone .theme--light.v-chip,
 #photoprism.theme-gemstone .v-card__actions .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
-    background: #333;
+    background: rgba(250, 250, 255, 0.1);
 }
 
 #photoprism.theme-gemstone .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {

diff --git a/frontend/src/css/themes/grayscale.css b/frontend/src/css/themes/grayscale.css
@@ -53,7 +53,7 @@ body.dark-theme.theme-grayscale {
 }
 
 #photoprism.theme-grayscale .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
-    background: #4E4E4E;
+    background: rgba(250, 250, 255, 0.1);
 }
 
 #photoprism.theme-grayscale .theme--light.v-input--selection-controls.v-input--is-disabled .v-icon {

diff --git a/frontend/src/css/themes/shadow.css b/frontend/src/css/themes/shadow.css
@@ -53,7 +53,7 @@ body.dark-theme.theme-shadow {
 }
 
 #photoprism.theme-shadow .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
-    background: #4E4E4E;
+    background: rgba(250, 250, 255, 0.1);
 }
 
 #photoprism.theme-shadow .theme--light.v-input--selection-controls.v-input--is-disabled .v-icon {

diff --git a/frontend/src/css/themes/vanta.css b/frontend/src/css/themes/vanta.css
@@ -53,7 +53,7 @@ body.dark-theme.theme-vanta {
 }
 
 #photoprism.theme-vanta .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
-    background: #262626;
+    background: rgba(250, 250, 255, 0.1);
 }
 
 #photoprism.theme-vanta .theme--light.v-input--selection-controls.v-input--is-disabled .v-icon {

diff --git a/frontend/src/css/themes/yellowstone.css b/frontend/src/css/themes/yellowstone.css
@@ -47,7 +47,7 @@ body.dark-theme.theme-yellowstone,
 }
 
 #photoprism.theme-yellowstone .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
-    background: #32312e;
+    background: rgba(250, 250, 255, 0.1);
 }
 
 #photoprism.theme-yellowstone .theme--light.v-input--selection-controls.v-input--is-disabled .v-icon {

diff --git a/frontend/src/options/themes.js b/frontend/src/options/themes.js
@@ -372,7 +372,7 @@ let themes = {
       edit: "#00b8d4",
       share: "#9575cd",
       love: "#ef5350",
-      terminal: "#333333",
+      terminal: "#464544",
       navigation: "#191817",
       "navigation-home": "#0c0c0b",
     },