fix(google-photos): text, search bar, checkboxes and icons (#1184)

* fix: text, search bar and icons * fix: add ``color: @text !important;`` to ``body`` * fix: add radio checkboxes and switches * fix: add more variables * add more unthemed text * fix: partner sharing
catppuccin · Aug 12, 2024 · 16deb37 · 16deb37
1 parent d3e813e
commit 16deb37
Showing 1 changed file with 57 additions and 2 deletions.
diff --git a/styles/google-photos/catppuccin.user.css b/styles/google-photos/catppuccin.user.css
@@ -2,7 +2,7 @@
 @name Google Photos Catppuccin
 @namespace github.com/catppuccin/userstyles/styles/google-photos
 @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google-photos
-@version 0.0.3
+@version 0.0.4
 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google-photos/catppuccin.user.css
 @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle-photos
 @description Soothing pastel theme for Google Photos
@@ -75,6 +75,7 @@
     --pkw-on-surface-variant: @subtext0;
     --pkw-on-surface: @text;
     --gm-colortextbutton-ink-color: @blue;
+    --gm3-sys-color-on-surface-variant: @text;
     .gp1Lgf {
       --gm3-card-outlined-hover-outline-color: @surface2;
       --gm3-card-outlined-container-color: @surface0;
@@ -98,6 +99,29 @@
     --mdc-checkbox-selected-icon-color: @accent-color;
     --mdc-checkbox-selected-checkmark-color: @mantle;
     --mdc-checkbox-unselected-icon-color: @surface0;
+    /* radio checkbox/switches */
+    .bEtrNb {
+      --gm3-radio-selected-focus-icon-color: @accent-color;
+      --gm3-radio-selected-hover-icon-color: @accent-color;
+      --gm3-radio-selected-icon-color: @accent-color;
+      --gm3-radio-selected-pressed-icon-color: @accent-color;
+      --gm3-radio-selected-hover-state-layer-color: @accent-color;
+      --gm3-radio-unselected-icon-color: @surface0;
+      --gm3-radio-unselected-hover-icon-color: @surface2;
+    }
+
+    .OKFoxe {
+      --gm3-switch-selected-focus-track-color: @accent-color;
+      --gm3-switch-selected-hover-state-layer-color: @accent-color;
+      --gm3-switch-selected-track-color: @accent-color;
+      --gm3-switch-selected-hover-track-color: @accent-color;
+      --gm3-switch-selected-pressed-state-layer-color: @accent-color;
+      --gm3-switch-selected-pressed-track-color: @accent-color;
+      --gm3-switch-selected-hover-handle-color: darken(@accent-color, 20%);
+      --gm3-switch-selected-pressed-handle-color: darken(@accent-color, 15%);
+      --gm3-switch-selected-handle-color: darken(@accent-color, 10%);
+      --gm3-switch-selected-icon-color: @base;
+    }
     /* uploading photo popups */
     .z1QT7e {
       --gm3-card-elevated-container-color: @surface0;
@@ -118,6 +142,7 @@
     .HnzzId,
     body {
       background-color: @base !important;
+      color: @text !important;
     }
     /* uploading photo popups */
     .RUTfA {
@@ -143,6 +168,10 @@
     }
     .LAL5ie .ZAGvjd {
       color: @text;
+      -webkit-text-fill-color: @text;
+    }
+    .cI2tlc .jBmls {
+       box-shadow: none !important;
     }
     .l9dCke,
     .ggIr1e,
@@ -442,10 +471,22 @@
 
     /* settings page */
     /* main text */
+    h1,
+    .fl9QFd,
+    .CZ5Sfb,
+    .mSbCD,
+    .Ecvatc,
+    .C96I0d,
+    .HiceN,
+    .Qizfvf,
+    .bCPWJc,
     .P0eWkf,
     .rvEjke,
     .IGdgBf,
-    .Sn08je {
+    .Sn08je,
+    .Ja4Wfd,
+    .tLNx2,
+    .x1vyqd {
       color: @text;
     }
     /* top bar */
@@ -517,6 +558,20 @@
       background: @surface1;
     }
 
+    /* partner sharing */
+    .QYw5Ld {
+      background-color: @accent-color;
+      border-color: @surface0;
+    }
+
+    .QYw5Ld span {
+      color: @crust;
+    }
+
+    .Sxge7c, .GkGmge {
+      color: @text !important;
+    }
+
     /* print orders page */
     .fwAVoc {
       color: @text;