Google Voice - Dark by karlwilbur

/* ==UserStyle==
@name         Google Voice - Dark
@version      0.0.3
@namespace    userstyles.world/user/karlwilbur
@description  A dark monokai based theme for Google Voice @ https://voice.google.com (copied and modified from userstyles.world/user/sheridan-tech)
@author       karlwilbur
@license      No License
==/UserStyle== */
@-moz-document url-prefix("https://voice.google.com/") {
    /* Header */
    #gb > div {
        background-color: #252525!important;
        color: #fff!important;
    }

    /* scrollbar */
    ::-webkit-scrollbar {
        width: 10px;
    }
    ::-webkit-scrollbar-track {
        background: #000000;
    }
    ::-webkit-scrollbar-thumb {
        background: #555;
    }
    
    /* general */    
    .grey-900 {
        color: #888!important;
    }
    gv-side-nav {
        background-color: #222!important;
        color: #888!important;        
    }    
    .layout-column {
        background-color: #252525;
    }
    .mat-divider {
        border-color: #777;
    }
    div[role="button"]:focus,
    div[role="button"]:hover {
        background-color: #444;
    }

    /* gv-conversation-list */
    .gvConverstionList-Item .gvThreadItem-details gv-annotation {
        background-color: #222!important;
        color: #888!important;
    }
    gv-messaging-view gv-converation-list gv-text-thread-item .gvThreadItem-root:hover,
    gv-messaging-view gv-converation-list gv-text-thread-item .gvThreadItem-root:hover gv-annotation {
        background-color: #444!important;
    }

    /* conversation */
    .B3EWm-YPqjbf,
    .Bqxti-HIQJ9,
    .uM2Vn-VdSJob,
    .greeting {
        background-color: #252525!important;
        color: #fff!important;
    }

    /* conversation bubble you */
    .Bqxti-VCkuzd {
        background-color: #333!important;
        color: #fff!important;
    }

    /* conversation bubble them*/
    .Bqxti-MJZihc {
        background-color: #000!important;
        color: #fff!important;
    }

    /* nav-list */
    .navItemLabel {
        color: #fff!important;
    }

    /* nav-list active item */
    .gmat-list-item-active {
        background-color: #6c6c6c!important;
        color: #fff!important;
    }

    /* Call as  */
    .did-display,
    .phone-number {
        background-color: #252525!important;
        color: #fff!important;
    }

    /* Dialer contacts, Dialer */
    .contacts,
    .input-row,
    .dialpad-container,
    .mat-button-wrapper {
        background-color: #252525;
        color: white;
    }

    /* contact-list */
    gv-contact-list, 
    #contact-list {
        color: #888;
        background-color: #252525;
    }
    gv-contact-list .name, 
    #contact-list .name {
        color: #888;
    }

    /* dialer */
    gv-dialpad button {
        background-color: #111!important;
        color: #888!important;
    }

    /* gv-dialpad-toggle */
    .mat-focus-indicator {
        background-color: #252525;
        color: #888!important;
    }

    /* call history */
    gv-messaging-view .gvMessagingView-thread-list {
        background-color: #222!important;
        color: #888!important;
    }
    gv-messaging-view .gvMessagingView-thread-list gv-annotation {
        color: #888!important;
    }
    gv-messaging-view .container.active,
    gv-messaging-view .gvThreadItem-selected,
    gv-messaging-view .gvThreadItem-selected .gvThreadItem-details gv-annotation, 
    gv-messaging-view .gvThreadItem-selected .gvThreadItem-details>.layout-row,
    gv-messaging-view gv-thread>.container:hover {
        background-color: #444!important;
        color: #888!important;
    }
    .gvMessageEntry-input {
        color: #ccc !important; 
    }
}