MS Volume Licensing Service Center Darkmode by trgamer-tech

/* ==UserStyle==
@name           MS Volume Licensing Service Center Darkmode
@namespace      github.com/TRGamer-Tech/openstyles
@version        1.4.2
@description    This is just a simple redesign (and darkmode) of the Microsoft Volume Licensing Service Center Website 
@author         TRGYT
@license        CC Zero
==/UserStyle== */

@-moz-document url-prefix("https://www.microsoft.com/Licensing/servicecenter/"), url-prefix("https://www.microsoft.com/Licensing/Servicecenter/") {
    :root {
        --mainbg: #1d1d1d;
        --secbg: #2e2e2e;
        --thirdbg: #474747;
        --quotebg: #313e48;
        --errbg: #332626;
        --mainfont: #fff;
        --secfont: #dbdbdb;
        --placeholder: #bcbcbc;
        --link: #70cfff;
        --linkhov: #0090d6;
        --seclink: #0098b3;
        --seclinkhov: #006494;
        --infocolor: #817a3d;
        --border: 1px solid #8c8c8c;
        --borderclr: #8c8c8c;
        --border-l: 15px;
        --border-m: 10px;
        --border-s: 5px;
    }
    
    body, 
    .body.usp, 
    .body, 
    .hpblc {
        background: var(--mainbg)!important;
    }
    
    #ctl00_ctl00_homeLink img,
    #ctl00_ctl00_ctl00_homeLink img,
    #skipToContent {
        display: none;
    }
    
    #ctl00_ctl00_homeLink,
    #ctl00_ctl00_ctl00_homeLink { 
        background-image: url("https://static.wixstatic.com/media/d40ffd_7ab4715e5c5e4896bc83123934cd0511~mv2.png/v1/fill/w_417,h_236,al_c,lg_1,q_85,enc_auto/output-onlinepngtools%20(1).png");
        background-repeat: no-repeat;
        top: -30px;
        height: 9em;
        background-size: 200px;
        margin-top: 5%;
    }
    
    .homelink {
        height: 6em;
        width: 25%;
        float: left;
    }
    
    .topLinkBar {
        width: 75%;
        float: right;
    }
    
    .bodyBottom {
        filter: invert(0.886);
    }
    
    .UnShomePage .fphptitle, 
    .UnShomePage .fphppgTitle,
    .PopupHeader {
        color: var(--linkhov);
    }
    
    span, 
    .bodyText,
    div.popUp,
    .LoginPanelCSS > div,
    .FilterPanel .WaterMarkText, .FilterPanel .filterText{
        color: var(--mainfont);
    }
    
    .icoCarrot1 img {
        filter: invert(1);
    }
    
    div.fileGrid .imageHeight {
        filter: invert(0.7);
    }
    
    a:link, a:visited,
    div.navbar span.topnavfont a:link, 
    div.navbar span.topnavfont a:visited, 
    div.navbar span.topnavfont a:active,
    div.popUp input {
        color: var(--link);
    }
    
    a:hover,
    div.navbar span.topnavfont a:hover,
    div.popUp input:hover {
        color: var(--linkhov);
    }
    
    .fphpTitleM, 
    .fphpTitleL, 
    .fphpTitleR,
    .gColH,
    .dnkhpTitleM {
        background: var(--quotebg);
    }
    
    #ctl00_ctl00_MainContent_BodyContent_pager_dnb,
    #ctl00_ctl00_MainContent_BodyContent_pager_dlb,
    #ctl00_ctl00_MainContent_BodyContent_pager_dpb,
    #ctl00_ctl00_MainContent_BodyContent_pager_dfb {
        filter: invert(0.5);
    }
    
    .hplstHdr {
        font-size: 13px;
    }
    
    .UnShomePage .unshpfpbblwh1, 
    .osahomelink,
    .hpfpbbl2, 
    .hpfpbbl3,
    .hprcba,
    .PagerBg,
    .bluetabSpacer, 
    .bluetabSpacer2p,
    .ttcontent,
    .ttcenter,
    .g1 .g2,
    .g2 .g3,
    .g3 .g4,
    ul.p2 div.g1,
    .ACTIVE ul.p2 .top,
    .ACTIVE ul.p2 .center,
    .ACTIVE ul.p2 .bottom{
        background: var(--secbg)!important;
        border: none!important;
    }
    
    #ctl00_ctl00_MainContent_BodyContent_LoginPopup_Login_LoginIdTextBox,
    #ctl00_ctl00_MainContent_BodyContent_LoginPopup_Login_LoginSubmitButton,
    .autosuggest-body,
    .g4 .g5 {
        color: var(--mainfont)!important;
        background: var(--thirdbg)!important;
        border: var(--border);
        border-radius: var(--border-s);
        box-shadow: none;
    }
    
    .UnShomePage .unshpfpbbl2 {
        border: none!important;
    }
    
    .UnShomePage .unshpblc, 
    .UnShomePage .unshprcm, 
    .UnShomePage .unshprcb {
        background: none!important;
    }
    
    #ctl00_ctl00_MainContent_BodyContent_updateTop > table,
    .GridViewRowStyle,
    #ctl00_ctl00_MainContent_BodyContent_KeysGrid_filterKeysTableRow > td > table,
    .blueTabs,
    div.popUp table,
    div.popUp {
        background: var(--secbg)!important;
        border-radius: var(--border-m);
    }
    
    div.shadow {
        display: none!important;
    }
    
    .GridViewAlternatingRowStyle,
    div.navbar .topnavitem:hover,
    div.tabGrid span.alt,
    .FilterPanel .filterpDiv,
    .FilterPanel .WaterMarkText, .FilterPanel .filterText,
    div.tp div {
        background: var(--thirdbg)!important;
    }
    
    .GridViewBorderStyle {
        border: var(--border);
    }
    
    #ctl00_ctl00_MainContent_BodyContent_KeysGrid_filterKeysTableRow > td > table {
        margin-top: 20px;
    }
    
    .blueInActiveTab {
        background: var(--link);
    }
    
    .blueInActiveTab span {
        color: black;
    }
    
    select, 
    option, 
    div#navbarcontainer,
    div.navbar {
        background: var(--secbg);
        color: var(--mainfont)
    }
    
    .button{
        background: var(--link);
        border: none;
        width: 100%;
        border-radius: var(--border-s);
    }
    
    div.navbar .subnavitems .flyout,
    .dataPanel,
    div.tabGrid span.reg {
        background: var(--secbg);
        border: var(--border);
    }
    
    div.navbar .subnavitems .flyout a,
    div.navbar .tabflyoutopen a{
        color: var(--mainfont)!important;
    }
    
    div.navbar .tabflyoutopen {
        background: var(--secbg);
    }
    
    div.navbar .subnavitems .flyout .subnavitem a:hover,
    div.navbar .currentfocus {
        background: var(--borderclr);
    }
    
    #ctl00_ctl00_MainContent_BodyContent_FlightingPanelId_FlightingControlPanel {
        background-color: var(--quotebg)!important;
        border-radius: var(--border-m);
    }
    
    #ctl00_ctl00_MainContent_BodyContent_FlightingPanelRSProductKeys_FlightingControlPanel,
    #ctl00_ctl00_MainContent_BodyContent_FlightingPanelRS_InformationControlPanel,
    #ctl00_ctl00_MainContent_BodyContent_FlightingPanelLS_InformationControlPanel,
    #ctl00_ctl00_MainContent_BodyContent_FlightingPanelId_InformationControlPanel {
        background-color: var(--infocolor)!important;
        border-radius: var(--border-s);
    }
    
    .footer {
        background-color: var(--secbg);
        color: var(--mainfont);
    }
    
    .footer a:link, 
    .footer a:visited, 
    .footer a:active {
        color: var(--link);
    }
    
    .footer a:hover {
        color: var(--linkhov);
    }
}