/* ==UserStyle==
@name        Dark Google Calendar
@namespace   pyxelr
@version     2.7.24
@homepageURL https://github.com/pyxelr/dark-google-calendar
@supportURL  https://github.com/pyxelr/dark-google-calendar/issues
@updateURL   https://github.com/pyxelr/dark-google-calendar/raw/master/Google-DarkCalendar.user.css
@license     MIT
@author      pyxelr

@var color   font-color-all-day-events                     "Font color of all day events"                    #000000
@var color   font-color-past-events-with-time              "Font color of past events with time"             #666666
@var color   font-color-events-month-view-with-time        "Font color of month view events with time"       #666666
@var color   font-color-next-events-week-view-with-time    "Font color of next week view events with time"   #000000
@var color   font-color-past-events-week-view-with-time    "Font color of past week view events with time"   #000000
==/UserStyle== */
@-moz-document domain("calendar.google.com") {
    /* Invert the entire website */
    html {
        -webkit-filter: invert(90%) hue-rotate(180deg)!important;
        filter: invert(90%) hue-rotate(180deg)!important;
        background: rgb(25, 25, 25)!important;
    }

    /* ==== GENERAL ==== */
    /* Inversion of images (avatars) */
    *:not([data-date]):before,
    img {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
    }

    /* Inversion of task panel on the right hand side */
    .YqtBEc,
    .xuBVOe {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Dark blue top of right hand panel and black text */
    .CflnFb {
        background-color: #7b96c1!important;
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
        color: white!important;
    }

    .h5t3Nc .GrK4Mb,
    .h5t3Nc .hVDHke,
    .h5t3Nc .l7VQxb,
    .h5t3Nc .zP0T0b,
    .h5t3Nc .qNixLe {
        border-color: white;
        background-color: #c9c9c9;
    }

    /* Color change of event deleted panel */
    .lq96Td {
        background-color: #003e3a!important;
        color: white!important;
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* "View recently deleted items" color */
    .GooADb {
        color: #9dceff!important;
        text-shadow: 0.0px 0.0px #404040!important;
    }

    /* Opacity reduction of the background color while adding an event */
    .bJZIjf.qs41qe {
        opacity: 0.3;
    }

    /* Inversion of event action pop-up (saved, updated, deleted etc.)*/
    .Mh0NNb {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Color of event action pop-up (saved, updated, deleted etc.)*/
    .M6tHv {
        background-color: #444444!important;
    }

    /* Inversion of notification panel */
    #I0_1513527137275 {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
    }

    /* Inversion of "Create" button for adding an event */
    .Gw6Zhc {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
    }

    /* Background color of "More" button in Google Apps menu */
    .gb_ea.gb_6f {
        background-color: #e8e8e8!important;
    }

    .ck4bY {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Update to white color of the icons next to avatar */
    .gb_yc svg,
    .gb_kc svg {
        color: white;
        opacity: .54;
    }

    /* Inversion of icons in the search bar */
    .asor.asor_i0,
    .gsoi.gsoi_w,
    .gsoi.gsoi_c.asor_v,
    .gsoi.gsoi_9.asor_v,
    .gsoi.gsoi_7.asor_v {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Inversion of avatars in "Day" view */
    .tRmaLe {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
    }

    /* Inversion of guest avatars attending the event */
    .LSJzI.mIiRxe {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
    }

    /* Menu uninversion of uploading attachment from Google Drive (the id's are not static and this function doesn't always work) */
    .g3VIld.Wm6zM.Up8vH.Whe8ub.hFEqNb.J9Nfi.iWO5td {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Arrow color in the settings menu*/
    .gb_yc svg,
    .gb_kc svg {
        opacity: .54!important;
    }

    /* Inversion of calendar icon in the top left corner of month view */
    .gb_Wa.gb_Fe {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
    }

    /* Border color for events that overlap each other in the week view */
    .EfQccc.F262Ye.EiZ8Dd::after {
        border-color: #000000;
    }

    .EfQccc.Hrn1mc.EiZ8Dd::after {
        border: 1px solid #000;
    }

    /* Border color for selected events that overlap each other in the week view */
    .EfQccc.MmaWIb.KKjvXb.EiZ8Dd::after {
        border: 1px solid #000;
    }

    /* Inside color of unticked calendar check boxes in the month view */
    .uHMk6b.fsHoPb {
        border: 7px solid black!important;
    }

    /* "Choose custom color" menu */
    .g3VIld.GFhhge.Up8vH.hFEqNb.J9Nfi.iWO5td {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
        background: rgb(25, 25, 25)!important;
        color: white!important;
    }

    /* "Hex" word in "Choose custom color" menu */
    .XBkKC.WSvIUd {
        color: white;
    }

    /* "Cancel" button in "Choose custom color" menu */
    .IP9Hyd .O0WRkf:first-child {
        color: #ffffff;
    }

    /* "Moon phases" inversion */
    .st-wc {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Time of the events we were invited to (in the week view) */
    .Jmftzc.gVNoLb.LKeQwe {
        color: rgb(0, 0, 0);
    }

    /* Fix of current event colors and text in month view */
    .g3dbUc .jKgTF,
    .QGRmIf,
    .lcPUt {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
        font-weight: bold!important;
        mix-blend-mode: darken;
    }

    /* Past events in the month view */
    .g3dbUc.UflSff {
        filter: invert(100%) hue-rotate(180deg) saturate(140%) contrast(105%) opacity(40%)!important;
    }

    /* Modify position of events going through multiple pages in the month view */
    .zWcBU {
        position: static;
    }

    /* Past events in the week view */
    .NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.UflSff.jKgTF {
        filter: invert(100%) hue-rotate(180deg) saturate(140%) contrast(50%) brightness(140%) opacity(90%)!important;
    }

    /* Past events in the week view (reapplication of oppacity) */
    .NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.UflSff {
        filter: opacity(80%)!important;
    }

    /* Events in the week view */
    .NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Inversion of event colors in the pop-up view coming after right clicking the event in the month view */
    .a63c9c.ztKZ3d {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Inversion of event colors in the main event view */
    .a63c9c {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Event color in "4 days" view" */
    .NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.jKgTF {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
        font-weight: bold!important;
    }

    /* Color of events in the "Schedule" view */
    .Oxm52e {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Event color in the view of adding a task */
    .kImhzd {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Event color in the settings menu */
    .hsrazb {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Text and color in the pop-up view coming after left clicking the event in the month view */
    .Tnsqdc,
    .kw5sif {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Pen icon in the pop-up view coming after left clicking the event in the month view */
    .kXIDId {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Color of calendar in the pop-up menu of month view */
    .sIyjR {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Inversion of attachment frame */
    .fFW7wc-OEVmcd {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
    }

    /* Inversion of attachment icon */
    .ghXZpb {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Inversion of the icons in the right hand menu */
    .DWWcKd-OomVLb-LgbsSe-Bz112c-haAclf {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(120%) contrast(105%)!important;
    }

    /* Inversion of the + icon (Get add-ons) in the right hand menu */
    #qJTzr {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(120%) contrast(105%)!important;
    }

    /* Inversion of the event cover image (like a dentist event) */
    .YrCd2b {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(120%) contrast(105%)!important;
    }




    /* ==== FONT ==== */
    /* "Calendar" text next to the top-left logo */
    .logo-plus-button-lockup-text {
        color: white;
    }

    .gb_je.gb_ee {
        color: #fff;
    }

    /* Weight increase of the font used in top left mini calendar */
    .W0m3G {
        font-weight: 500!important;
    }

    /* Font of past events */
    .KF4T6b.smECzc.UflSff.jKgTF.QGRmIf,
    .KF4T6b.UflSff .nHqeVd {
        color: var(--font-color-past-events-with-time) !important;
    }
    
    /* Font of today's and future events */
    .KF4T6b {
        font-weight: 900!important;
        color: var(--font-color-all-day-events) !important;
    }
    
    /* Font of events (in month view with time) */
    .KF4T6b.qqMC3e,.KF4T6b.smECzc {
        color: var(--font-color-events-month-view-with-time) !important;
    } 
    
    /* Font of future events (in week view with time) */
    .Jmftzc.EiZ8Dd {
        color: var(--font-color-next-events-week-view-with-time);
    }

    /* Font of past events (in week view with time) */
    .Jmftzc.EiZ8Dd.UflSff,
    .Jmftzc.YkxAAf.UflSff {
        color: var(--font-color-past-events-week-view-with-time) !important;
    }

    /* Darkify some of the help/support sections of the site */
    .ghp-dialog,
    .ghp-header,
    .ng-scope,
    .article-container,
    .article-content-container {
        background: rgb(25, 25, 25);
    }

    .ghp-iconTextComponent-label {
        color: white;
    }

    ghp-iconTextComponent:hover,
    .ghp-iconTextComponent:focus {
        background: #000;
    }

    /* Check mark color in the left side bar */
    .rq8Mwb {
        filter: invert(100%)!important;
    }

    /* Font in the pop-up menu under the avatar icon */
    .gb_Eb {
        color: grey!important;
    }

    /* Font in the pop-up view coming after left clicking the event in the month view */
    #rAECCd,
    .jPtXgd {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
        color: #b0b3b6;
        font-weight: 600!important;
    }
    .zHQkBf {
        filter: invert(90%) hue-rotate(180deg)!important;
        color: #c1c1c1!important;
    }

    /* Input text of event creation pop-up menu */
    .whsOnd.zHQkBf {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;
    }

    /* Text in the event description field*/
    .lR3h6d .KRoqRc {
        filter: invert(90%) hue-rotate(180deg)!important;
        color: #c1c1c1!important;
    }

    /* More readable "More" text */
    .gb_fa.gb_ng {
        font-weight: bolder!important;
    }

    /* Text in Apps menu */
    .gb_Z {
        font-weight: bolder!important;
    }




    /* ==== FRAME ON GMAIL ==== */
    /* (Day view) Backround of top frame */
    .cOoA8d, .a3b8ge {
        background: #fff;
        border-bottom: 1px solid #E2DFDB;
    }
    
    /*  (Day view) Border color of top 2nd frame */
    .cBs4Te {
        border-bottom: 1px solid #CBC9C6;
    }
    
    /*  (Day view) "Today" button frame */
    .VfPpkd-LgbsSe.VfPpkd-LgbsSe-OWXEXe-INsAgc.Rj2Mlf.OLiIxf.PDpWxe.P62QJc.LQeN7.ddoZCd.xYvThe {
        border: 1px solid #CBC9C6;
    }
    
     /* (Schedule view) Background color */
    .HrwHxb {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(120%) contrast(105%)!important;
        background: #191919 !important;
    }
    
    /* (Schedule view) Background of "Create an event" */
    .GP8Q7c {
        background: #efefef
    }
    
    /* (Schedule view) Font color */
    .PnMPye, .q7uEid.gVNoLb.EiZ8Dd {
        color: black;
    }
}

@-moz-document regexp("(?=.*?\\/contacts.google.com)(?=.*?calendar.google.com).*") {
    /* Inversion of the avatar displayed in the frame after hovering over the image in the "Add guests" menu while creating a new event */
    .jgZKbb,
    .oMU93c {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) !important;
    }

    /* Invesion of images in the right hand-side menu of "Contacts" menu */
    .MJ58we {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
    }

    /* Images in the event pop-up view */
    .ge16tc {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
    }
}

@-moz-document regexp("(?=.*?\\/ogs.google.com)(?=.*?calendar.google.com).*") {
    /* Icons color in the pop-up view coming after left clicking the event in the month view */
    .MrEfLc {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
    }

    /* Text in Google menu with apps*/
    .Rq5Gcb {
        font-weight: 600!important;
    }

    /* Inversion of images, svg graphics (avatars, icons) in the avatar menu */
    *:not([data-date]):before,
    img,
    svg {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
    }
}

@-moz-document regexp("(?=.*?\\/workspace.google.com)(?=.*?calendar.google.com).*") {
    /* Icons in Google Workspace Marketplace */
    .OIYSWc {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
    }
    /* Google Workplace Marketplace logo */
    .yQsxXc {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
        font-weight: bold !important;
    }
}

@-moz-document domain("google.com") {
    /* Inversion of Google Map */
    #map.map {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
    }
}

@-moz-document url-prefix("https://www.google.com/maps/companion?") {
    /* Inversion of Google Maps iframe in right hand panel */
    #map.Q6cQSe {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
    }
    /* Inversion of Google Maps photos in right hand panel */
    .jtJMuf,
    .ahyv7c {
        filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important;
    }
}