Skip to content

Commit 26448b2

Browse files
mxdangermxdanger
committed
Update googlemeet-dark.user.css
* Add check your audio and video modal * Add home screen card slideshow * Add top navigation date and time * Add chip and outlined select button * Fix home screen placeholder text contrast * Fix details attachment tab
1 parent bbb6e13 commit 26448b2

File tree

1 file changed

+117
-5
lines changed

1 file changed

+117
-5
lines changed

‎googlemeet-dark.user.css

Lines changed: 117 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,11 @@
8686
--gm-tonalbutton-ink-color--stateful: var(--gm-theme-color);
8787
--gm-tonalbutton-state-color: var(--gm-theme-color--stateful);
8888
--gm-tonalbutton-container-color: var(--gm-theme-color--elevation-shadow-1);
89+
--gm-chip-ink-color: var(--gm-body-text-color);
90+
--gm-chip-ink-color--stateful: var(--gm-body-text-color);
91+
--gm-chip-outline-color: var(--gm-hairline-color);
92+
--gm-chip-outline-color--stateful: var(--gm-label-color);
93+
--gm-chip-state-color: var(--gm-body-text-color);
8994
--mdc-theme-surface: var(--gm-background-color);
9095
--mdc-theme-on-surface: var(--gm-body-text-color); /*#000*/
9196
--mdc-theme-secondary: var(--gm-theme-color); /*#018786*/
@@ -95,6 +100,11 @@
95100
--mdc-checkbox-ink-color: var(--gm-background-color);
96101
--mdc-theme-text-primary-on-background: rgba(255, 255, 255, 0.87);
97102
--mdc-theme-text-secondary-on-background: rgba(255, 255, 255, 0.54);
103+
--mdc-theme-text-disabled-on-light: var(--gm-hairline-color);
104+
--gm-outlinedselect-ink-color: var(--gm-body-text-color);
105+
--gm-outlinedselect-icon-color: var(--gm-label-color);
106+
--gm-outlinedselect-icon-color--disabled: var(--gm-hint-color);
107+
--gm-iconbutton-disabled-ink-color: var(--gm-hairline-color);
98108
}
99109
/* Scrollbar */
100110
:not(.hPqowe)::-webkit-scrollbar-thumb {
@@ -203,14 +213,12 @@
203213
}
204214
.VdLOD {
205215
background-color: var(--gm-background-color-elevated);
206-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149)
216+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
207217
}
208218
.sIR20d {
209219
border-color: var(--gm-hairline-color);
210220
}
211-
.VfPpkd-fmcmS-yrriRe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-TvZj5c-OWXEXe-M1Soyc, .VfPpkd-fmcmS-yrriRe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-TvZj5c-OWXEXe-UbuQg {
212-
color: var(--gm-secondary-icon-color);
213-
}
221+
214222
.ox9SMb {
215223
background-color: var(--gm-background-color-elevated);
216224
color: var(--gm-body-text-color);
@@ -225,6 +233,13 @@
225233
.ox9SMb:focus-within .u8klde, .ox9SMb.AHmuwe .u8klde {
226234
color: var(--gm-text-color--on-theme-background);
227235
}
236+
/* Home screen: text input */
237+
.VfPpkd-fmcmS-yrriRe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-TvZj5c-OWXEXe-M1Soyc, .VfPpkd-fmcmS-yrriRe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-TvZj5c-OWXEXe-UbuQg {
238+
color: var(--gm-secondary-icon-color);
239+
}
240+
.XfeBDf:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd::placeholder {
241+
color: var(--gm-label-color);
242+
}
228243
/* Home screen: scheduled meeting */
229244
.mtr0Je {
230245
background-color: var(--gm-background-color-elevated);
@@ -257,6 +272,13 @@
257272
.ox9SMb:focus-within .R63QZe, .ox9SMb.AHmuwe .R63QZe {
258273
color: var(--gm-text-color--on-theme-background);
259274
}
275+
/* Home screen: card slideshow */
276+
.IVHFwe {
277+
background: var(--gm-hairline-color);
278+
}
279+
.IVHFwe.KKjvXb {
280+
background: var(--gm-theme-color);
281+
}
260282
/* Left meeting */
261283
.p2ZbV.zKHdkd, .qrB73e {
262284
background-color: var(--gm-background-color)
@@ -648,7 +670,11 @@
648670
.fKz7Od .VTBa7b {
649671
background: radial-gradient(circle farthest-side, rgba(232, 234, 237, 0.12), rgba(232, 234, 237, 0.12) 80%, rgba(232, 234, 237, 0) 100%);
650672
}
651-
/* Google account menu buttons */
673+
/* Top navigation: date */
674+
.v1pyg {
675+
color: var(--gm-label-color);
676+
}
677+
/* Top navigation: Google account menu buttons */
652678
.gb_qa svg, .gb_Cc svg, .gb_Zc .gb_7d, .gb_Oc .gb_7d {
653679
color: var(--gm-secondary-icon-color);
654680
}
@@ -946,6 +972,10 @@
946972
background-color: var(--gm-body-text-color);
947973
opacity: 0.04;
948974
}
975+
/* Details popup: Attatchments tab */
976+
.DwIq5e {
977+
color: var(--gm-label-color)
978+
}
949979
/* Layout popup */
950980
.MslXUd {
951981
background-color: var(--gm-background-color);
@@ -1202,6 +1232,9 @@
12021232
background-color: var(--gm-theme-color);
12031233
color: var(--gm-overlay-color--on-theme-background);
12041234
}
1235+
.mOceYd.qeGmId {
1236+
color: var(--gm-error-color)
1237+
}
12051238
/* Add people popup: call button */
12061239
.t9eThc.RDPZE {
12071240
background-color: var(--gm-background-color-elevated);
@@ -1283,6 +1316,85 @@
12831316
.DLjNp.LlMNQd .Kx3qp:focus, .DLjNp.LlMNQd .Kx3qp:hover {
12841317
color: var(--link-color);
12851318
}
1319+
/* Ready to join? */
1320+
/* Chip button */
1321+
.xKmApd.KshDhe .VfPpkd-Zr1Nwf-OWXEXe-M1Soyc {
1322+
color: var(--gm-theme-color);
1323+
}
1324+
/* Check your audio and video modal */
1325+
.bXxicd {
1326+
--gm-theme-color--base: #8ab4f8;
1327+
--gm-theme-color--elevation-shadow-1: rbga(#8ab4f8, 0.15);
1328+
--gm-theme-color--elevation-shadow-2: rbga(#8ab4f8, 0.3);
1329+
--gm-theme-color--stateful: #7294f2;
1330+
--gm-theme-color-highlight: #24272D;
1331+
--gm-theme-color: #8ab4f8;
1332+
--gm-outlinedselect-dropdown-icon-color: var(--gm-hint-color);
1333+
--gm-outlinedselect-dropdown-icon-color--hover: var(--gm-label-color);
1334+
--gm-outlinedselect-dropdown-icon-color--disabled: var(--gm-hint-color);;
1335+
--gm-outlinedselect-focused-dropdown-icon-color--stateful: var(--gm-theme-color);
1336+
--gm-outlinedselect-outline-color: var(--gm-hairline-color);
1337+
--gm-outlinedselect-outline-color--hover: var(--gm-hint-color);
1338+
--gm-outlinedselect-outline-color--stateful: var(--gm-theme-color);
1339+
--gm-outlinedselect-outline-color--disabled: var(--gm-hairline-color);
1340+
--gm-outlinedselect-label-color: var(--gm-hint-color);
1341+
--gm-outlinedselect-label-color--hover: var(--gm-label-color);
1342+
--gm-outlinedselect-label-color--stateful: var(--gm-theme-color);
1343+
--gm-outlinedselect-label-color--disabled: var(--gm-hint-color);
1344+
}
1345+
.cC1eCc .VfPpkd-P5QLlc {
1346+
background-color: var(--gm-background-color);
1347+
}
1348+
.RFZoDf {
1349+
color: var(--gm-body-text-color);
1350+
}
1351+
1352+
.s8kOBc .VfPpkd-rymPhb .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd {
1353+
background-color: var(--gm-theme-color-highlight);
1354+
}
1355+
.s8kOBc .VfPpkd-rymPhb .VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd, .s8kOBc .VfPpkd-rymPhb .VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01b, .s8kOBc .VfPpkd-rymPhb .VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-rymPhb-f7MjDc, .s8kOBc .VfPpkd-rymPhb .VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01b .VfPpkd-rymPhb-f7MjDc {
1356+
color: var(--mdc-theme-on-surface);
1357+
}
1358+
.s8kOBc .VfPpkd-rymPhb {
1359+
color: var(--mdc-theme-text-primary-on-background);
1360+
}
1361+
.DwOugd.KshDhe .VfPpkd-Zr1Nwf-OWXEXe-M1Soyc {
1362+
color: #55bb6b;
1363+
}
1364+
/* Check your audio and video modal: your results */
1365+
.Ueqjm {
1366+
color: var(--gm-body-text-color);
1367+
}
1368+
.LEUZG {
1369+
-webkit-backdrop-filter: blur(0.5rem);
1370+
backdrop-filter: blur(0.5rem);
1371+
}
1372+
.rxb0oe .VfPpkd-qNpTzb-ajuXxc-ZMv3u {
1373+
background-color: var(--gm-theme-color-highlight);
1374+
}
1375+
.rxb0oe .VfPpkd-qNpTzb-P4pF8c-SmKAyb {
1376+
border-color: var(--gm-theme-color);
1377+
}
1378+
.kUYZYd.EBS5u {
1379+
background-color: #253031;
1380+
color: #4db6ac;
1381+
}
1382+
/* Error chip */
1383+
.X5Sgtf.P2wJPb {
1384+
background-color: rgba(217, 48, 37, 0.1);
1385+
color: var(--gm-error-color);
1386+
border-color: var(--gm-error-color);
1387+
}
1388+
.X5Sgtf.P2wJPb:hover {
1389+
background-color: rgba(217, 48, 37, 0.2);
1390+
}
1391+
/* Error chip: tooltip */
1392+
.VfPpkd-WsjYwc {
1393+
background-color: var(--mdc-theme-surface);
1394+
}
1395+
.KC1dQ {
1396+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 6px 1px rgba(0, 0, 0, 0.15);
1397+
}
12861398
/* Loading wheel */
12871399
.KWIIWd .hg3Lgc .co39ub, .KWIIWd .hg3Lgc .Cn087, .KWIIWd .hg3Lgc .hfsr6b, .KWIIWd .hg3Lgc .EjXFBf {
12881400
border-color: var(--gm-theme-color);

0 commit comments

Comments
 (0)