Skip to content

Commit 033b9c9

Browse files
committed
CSS reset to defend against Gmail's conversation threading coloring text.
Resolves #199
1 parent 0fb2dc9 commit 033b9c9

File tree

3 files changed

+21
-5
lines changed

3 files changed

+21
-5
lines changed

cerberus-fluid.html

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -97,6 +97,12 @@
9797
display: none !important;
9898
opacity: 0.01 !important;
9999
}
100+
101+
/* What it does: Prevents Gmail from changing the text color in conversation threads. */
102+
.im {
103+
color: inherit !important;
104+
}
105+
100106
/* If the above doesn't work, add a .g-img class to any image in question. */
101107
img.g-img + div {
102108
display: none !important;

cerberus-hybrid.html

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,11 @@
9292
line-height: inherit !important;
9393
}
9494

95+
/* What it does: Prevents Gmail from changing the text color in conversation threads. */
96+
.im {
97+
color: inherit !important;
98+
}
99+
95100
/* What it does: Prevents Gmail from displaying a download button on large, non-linked images. */
96101
.a6S {
97102
display: none !important;

cerberus-responsive.html

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -92,15 +92,20 @@
9292
line-height: inherit !important;
9393
}
9494

95+
/* What it does: Prevents Gmail from changing the text color in conversation threads. */
96+
.im {
97+
color: inherit !important;
98+
}
99+
95100
/* What it does: Prevents Gmail from displaying a download button on large, non-linked images. */
96101
.a6S {
97102
display: none !important;
98103
opacity: 0.01 !important;
99-
}
100-
/* If the above doesn't work, add a .g-img class to any image in question. */
101-
img.g-img + div {
102-
display: none !important;
103-
}
104+
}
105+
/* If the above doesn't work, add a .g-img class to any image in question. */
106+
img.g-img + div {
107+
display: none !important;
108+
}
104109

105110
/* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89 */
106111
/* Create one of these media queries for each additional viewport size you'd like to fix */

0 commit comments

Comments
 (0)