Skip to content

Commit 16deb37

Browse files
author
Omar
authored
fix(google-photos): text, search bar, checkboxes and icons (catppuccin#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
1 parent d3e813e commit 16deb37

1 file changed

Lines changed: 57 additions & 2 deletions

File tree

styles/google-photos/catppuccin.user.css

Lines changed: 57 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
@name Google Photos Catppuccin
33
@namespace github.com/catppuccin/userstyles/styles/google-photos
44
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google-photos
5-
@version 0.0.3
5+
@version 0.0.4
66
@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google-photos/catppuccin.user.css
77
@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle-photos
88
@description Soothing pastel theme for Google Photos
@@ -75,6 +75,7 @@
7575
--pkw-on-surface-variant: @subtext0;
7676
--pkw-on-surface: @text;
7777
--gm-colortextbutton-ink-color: @blue;
78+
--gm3-sys-color-on-surface-variant: @text;
7879
.gp1Lgf {
7980
--gm3-card-outlined-hover-outline-color: @surface2;
8081
--gm3-card-outlined-container-color: @surface0;
@@ -98,6 +99,29 @@
9899
--mdc-checkbox-selected-icon-color: @accent-color;
99100
--mdc-checkbox-selected-checkmark-color: @mantle;
100101
--mdc-checkbox-unselected-icon-color: @surface0;
102+
/* radio checkbox/switches */
103+
.bEtrNb {
104+
--gm3-radio-selected-focus-icon-color: @accent-color;
105+
--gm3-radio-selected-hover-icon-color: @accent-color;
106+
--gm3-radio-selected-icon-color: @accent-color;
107+
--gm3-radio-selected-pressed-icon-color: @accent-color;
108+
--gm3-radio-selected-hover-state-layer-color: @accent-color;
109+
--gm3-radio-unselected-icon-color: @surface0;
110+
--gm3-radio-unselected-hover-icon-color: @surface2;
111+
}
112+
113+
.OKFoxe {
114+
--gm3-switch-selected-focus-track-color: @accent-color;
115+
--gm3-switch-selected-hover-state-layer-color: @accent-color;
116+
--gm3-switch-selected-track-color: @accent-color;
117+
--gm3-switch-selected-hover-track-color: @accent-color;
118+
--gm3-switch-selected-pressed-state-layer-color: @accent-color;
119+
--gm3-switch-selected-pressed-track-color: @accent-color;
120+
--gm3-switch-selected-hover-handle-color: darken(@accent-color, 20%);
121+
--gm3-switch-selected-pressed-handle-color: darken(@accent-color, 15%);
122+
--gm3-switch-selected-handle-color: darken(@accent-color, 10%);
123+
--gm3-switch-selected-icon-color: @base;
124+
}
101125
/* uploading photo popups */
102126
.z1QT7e {
103127
--gm3-card-elevated-container-color: @surface0;
@@ -118,6 +142,7 @@
118142
.HnzzId,
119143
body {
120144
background-color: @base !important;
145+
color: @text !important;
121146
}
122147
/* uploading photo popups */
123148
.RUTfA {
@@ -143,6 +168,10 @@
143168
}
144169
.LAL5ie .ZAGvjd {
145170
color: @text;
171+
-webkit-text-fill-color: @text;
172+
}
173+
.cI2tlc .jBmls {
174+
box-shadow: none !important;
146175
}
147176
.l9dCke,
148177
.ggIr1e,
@@ -442,10 +471,22 @@
442471

443472
/* settings page */
444473
/* main text */
474+
h1,
475+
.fl9QFd,
476+
.CZ5Sfb,
477+
.mSbCD,
478+
.Ecvatc,
479+
.C96I0d,
480+
.HiceN,
481+
.Qizfvf,
482+
.bCPWJc,
445483
.P0eWkf,
446484
.rvEjke,
447485
.IGdgBf,
448-
.Sn08je {
486+
.Sn08je,
487+
.Ja4Wfd,
488+
.tLNx2,
489+
.x1vyqd {
449490
color: @text;
450491
}
451492
/* top bar */
@@ -517,6 +558,20 @@
517558
background: @surface1;
518559
}
519560

561+
/* partner sharing */
562+
.QYw5Ld {
563+
background-color: @accent-color;
564+
border-color: @surface0;
565+
}
566+
567+
.QYw5Ld span {
568+
color: @crust;
569+
}
570+
571+
.Sxge7c, .GkGmge {
572+
color: @text !important;
573+
}
574+
520575
/* print orders page */
521576
.fwAVoc {
522577
color: @text;

0 commit comments

Comments
 (0)