AMOLED Dark and Red Google Chat by yellowberryhn

/* ==UserStyle==
@name           AMOLED Dark and Red Google Chat
@namespace      userstyles.world/user/yellowberryhn
@version        1.0.0
@description    Still a WIP.
@author         YellowberryHN
@license        CC Zero
@var color app-color "Highlight Color" #ff2400
==/UserStyle== */

@-moz-document domain("chat.google.com") {
/* Chat frames */

/* new message */
.nxYf0b {
    background-color: var(--primary-app-color);
    color: transparent;
}

.nxYf0b:hover {
    color: white;
}

[data-theme="dark"] {
    --background-color: black;
    --primary-app-color: var(--app-color);
    
    --button-filled-hover-bg-color: var(--primary-app-color);
    --button-filled-focus-bg-color: var(--primary-app-color);
    --button-filled-focus-hover-bg-color: var(--primary-app-color);
    --button-filled-pressed-bg-color: var(--primary-app-color);
    --button-text-color: var(--primary-app-color);
    --button-text-hover-bg-color: rgba(255,36,0,0.039);
    --button-text-hover-color: #d2e3fc;
    --button-text-focus-bg-color: rgba(255,36,0,0.122);
    --button-text-focus-color: #d2e3fc;
    --button-text-focus-hover-bg-color: rgba(255,36,0,0.102);
    --button-text-focus-hover-color: #d2e3fc;
    --button-text-pressed-bg-color: rgba(255,36,0,0.102);
    --button-text-pressed-color: var(--primary-app-color);
    
    --selected-state-color: rgba(255,36,0,0.239);
    
    --smart-reply-btn-bg-color: #101010;
    --smart-reply-btn-active-bg-color: #202020;
    
    --self-mention-new-bg-color: var(--primary-app-color);
    
    --button-filled-color: #fff;
    
    --settings-bg-color: #050505;
    --settings-card-bg-color: #101010;
    --card-bg-color: #101010;
    --settings-footer-bg-color: #080808;
    --settings-header-bg-color: #080808;
    
    --dialog-bg-color: #202020;
    --dialog-highlighted-bg-color: rgba(255,255,255,0.078);
    --dialog-hairline-line-color: #505050;
    --dialog-hairline-style: solid 1px var(--dialog-hairline-line-color);
    
    --topbar-bg-color: #181818;
}

.cmEq8b .NhKrqd {
    background-color: var(--primary-app-color);
    filter: saturate(0.75) brightness(1.5);
}

.cmEq8b .lL7iUe .Zc1Emd {
    color: #404040;
}

.af6rLc .N9tFTb {
    fill: #fff;
}

.SncUne .MDxAdd {
    background: var(--primary-app-color);
}

a {
	color: var(--primary-app-color);
}

a:hover:not(.yGeRMb):not(.Pj9rof) {
	filter: contrast(0.5) brightness(2);
}
}

@-moz-document url-prefix("https://mail.google.com/chat") {
/* Main page */

:root {
    --add-btn-filter: hue-rotate(8.5deg);
}

.nH, .ajp {
    background-color: black;
}

.XU, .akt:hover .XU {
    color: #fff;
    background-color: #ff2400;
}

.gb_Bc .gb_Te {
    background: transparent;
}

.gb_Te.gb_Ue .gb_ef {
    color: white;
}

.Yh {
    filter: var(--add-btn-filter);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAO9JREFUOE/d1D1OA0EMhuFnAPEr4ArUHCLpqKg4SSokUCokOE4aOqDJHehzAmhIAyRaZGWIBlDYRLtV3Gzh2Xf8+fM4aTlSyzy1wMrPM4nqvyKWAe7gEnu4S4ybAg/wiCN0Ey9tAjuJ1zUBZje3sVVICkejh/e5h2dmkkszp3j/dn+eyMA+zhGHIgK4idN80TM+C2DkhrhOTOKH38BbXMjJDN3ACeI7Ki6LdKh5Qm8RMOTF3JXDu48BDnP1peQo6APjP5IXjUI16+EDjrFOY1MjudWnt4sbhDlXibemTy+cjHmLmDZeX6su4Np9uCrwC79nQBWEkSNsAAAAAElFTkSuQmCC")
}

@media (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 1.5) { 
    .Yh {
    filter: var(--add-btn-filter);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAS5JREFUWEft170uBUEYh/HfkLgIpYZOoRW9EAV6CQp3oHIDboDE0fvqFQSNC3AHKolKSeLjyMkZGtbZObvFJGa6Tf7vzLPPO7s7G2Q+QuZ8CmDTDhWD2RjsMoOJCPSI28B7ToAH2IxAl1gKPOcE2MFGBLrCYgFMaU+XYjBF2I9sMdhIH4rBYnBIA5Wnmfht3cJIf4sNHLOYjKkHXOBtYFV//tPA+W/ZvwBXcRwBa6zTKLId2E0FXMFJzoBz2MFozRZPYTxaeMIdPmp47c2/HzhKNdgrHKuxwFdkD2vx4gbLeKlZ/xoq9mtrR/7yoq7ZispYMVgMDmmgPMVDivsu+1cGD7Eeb/0aC7n9F89jOgLe46zq85XS9tZanLJoSrYApthKOm41nbit+tLipiY/AXtqdimPnFKiAAAAAElFTkSuQmCC")
    }
}
}