Skip to content

Instantly share code, notes, and snippets.

@arjvik
Created August 15, 2020 22:55
Show Gist options
  • Save arjvik/448bdc76c4154188ff85507f34eb6757 to your computer and use it in GitHub Desktop.
Save arjvik/448bdc76c4154188ff85507f34eb6757 to your computer and use it in GitHub Desktop.
Custom dark theme CSS for new Google Voice web (working as of 08-15-2020)
header, header+div, md-content, md-sidenav, #gvAppBannerContainer+div, gv-call-sidebar > div,
gv-dialpad-toggle > button, gv-thread-item, gv-thread-item > div, gv-thread-details, gmat-nav-list > a {
background-color: #111 !important;
}
#gvPageRoot > div:first-child {
border-bottom: 1px solid #333 !important;
}
.gb_af, md-menu-content, gmat-input-chip, .side-nav-title {
background-color: #333 !important;
}
gmat-input-chip {
border: none !important;
}
.gb_uf::placeholder, md-input-container input::placeholder, textarea::placeholder, gv-message-item span, .phone-number,
gv-dialpad > div > div > div > div > div {
color: #666 !important;
}
gv-annotation, md-menu-item, .grey-900, .greeting, gv-message-list-header p {
color: #888 !important;
}
textarea {
color: #AAA !important;
}
gv-annotation > a {
color: inherit !important;
background-color: inherit !important;
}
gv-message-item > div[layout-align="start end"] > div[gv-hover-id="bubble"] {
background-color: #334 !important;
}
gv-message-item > div[layout-align="start start"] > div[gv-hover-id="bubble"] {
background-color: #333 !important;
}
.mat-divider, ::-webkit-scrollbar {
display: none !important;
}
/*
JS function to inject CSS string into page:
addcss = (css) => {var s = document.createElement("style"); s.type = "text/css"; s.innerHTML = css; document.getElementsByTagName("head")[0].appendChild(s); }
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment