_content/css: invert github css for dark theme
Fixes golang/go#56559.
Change-Id: I3f8aa801ad3ef97686903dd1019f5df2f2ed9e3d
Reviewed-on: https://go-review.googlesource.com/c/website/+/450416
Run-TryBot: Jamal Carvalho <jamal@golang.org>
Reviewed-by: Hyang-Ah Hana Kim <hyangah@gmail.com>
TryBot-Result: Gopher Robot <gobot@golang.org>
Auto-Submit: Jamal Carvalho <jamal@golang.org>
diff --git a/_content/css/styles.css b/_content/css/styles.css
index 48a5db5..ff8f0a8 100644
--- a/_content/css/styles.css
+++ b/_content/css/styles.css
@@ -758,6 +758,14 @@
.Header-menuItem a.Header-socialIcon:not(:last-child) {
margin-right: 0.75rem;
}
+[data-theme='dark'] .Header-socialIcon img[src$='/github.svg'] {
+ filter: invert(1);
+}
+@media (prefers-color-scheme: dark) {
+ :root:not([data-theme='light']) .Header-socialIcon img[src$='/github.svg'] {
+ filter: invert(1);
+ }
+}
/* End nav */
.Article {
color: var(--color-text);