Skip to content

Latest commit

 

History

History
11 lines (9 loc) · 3.86 KB

README.md

File metadata and controls

11 lines (9 loc) · 3.86 KB
Raw

Google calendar is now having some problems out of my control, so to make it dark, I have this workaround method:

  1. On Google Calendar service, select View > Toggle Service Developer Tools (Note: NOT Toggle Developer Tools)
  2. Select Console Tab
  3. Paste the following command and press enter
document.querySelector('head').innerHTML += `<style type="text/css">html{-webkit-filter:invert(90%) hue-rotate(180deg)!important;filter:invert(90%) hue-rotate(180deg)!important;background:#191919!important}.CflnFb{background-color:#7b96c1!important;filter:invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;color:#fff!important}.h5t3Nc .GrK4Mb,.h5t3Nc .hVDHke,.h5t3Nc .l7VQxb,.h5t3Nc .qNixLe,.h5t3Nc .zP0T0b{background-color:#c9c9c9;border-color:#fff}.lq96Td{background-color:#003e3a!important;color:#fff!important;filter:invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important}.GooADb{color:#9dceff!important;text-shadow:0 0 #404040!important}.bJZIjf.qs41qe{opacity:.3}#gb a.gb_ja,#gb a.gb_ja:active,#gb a.gb_ja:visited,#gb a.gb_ka,#gb a.gb_ka:visited{color:rgba(255,255,255,.87)!important;text-decoration:none!important;background-color:#000!important}.M6tHv{background-color:#444!important}.gb_ea.gb_6f{background-color:#e8e8e8!important}.gb_kc svg,.gb_yc svg{color:#000!important;opacity:.54!important}.HkPXyb{background-color:#f9f9f9}.EfQccc.F262Ye.EiZ8Dd::after{border-color:#000}.uHMk6b.fsHoPb{border:7px solid #000!important}.g3VIld.GFhhge.Up8vH.hFEqNb.J9Nfi.iWO5td{filter:invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;background:#191919!important;color:#fff!important}.QGRmIf,.g3dbUc .jKgTF,.lcPUt{filter:invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;font-weight:700!important;mix-blend-mode:darken}.g3dbUc.UflSff{filter:invert(100%) hue-rotate(180deg) saturate(140%) contrast(105%) opacity(40%)!important;color:#404040!important}.NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.UflSff.jKgTF{filter:invert(100%) hue-rotate(180deg) saturate(140%) contrast(50%) brightness(140%) opacity(90%)!important}.NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.UflSff{filter:opacity(80%)!important}.NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.jKgTF{filter:invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important;font-weight:700!important}.W0m3G{font-weight:500!important}.g3dbUc{font-weight:900!important;color:#000!important}.g3dbUc.smECzc{color:#666!important}.FAxxKc{font-weight:600!important;color:#000!important}.rq8Mwb{filter:invert(100%)!important}.WpDZC,.zHQkBf{color:#c1c1c1!important}#pnsketfj08m,#vqd3vxfo4jpl,.Mh0NNb,.NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd,.Oxm52e,.Tnsqdc,.XHsn7e,.YqtBEc,.a63c9c,.a63c9c.ztKZ3d,.asor.asor_i0,.ck4bY,.ghXZpb,.gsoi.gsoi_7.asor_v,.gsoi.gsoi_9.asor_v,.gsoi.gsoi_c.asor_v,.gsoi.gsoi_w,.hsrazb,.kImhzd,.kXIDId,.kw5sif,.sIyjR,.st-wc,.whsOnd.zHQkBf,.xuBVOe{filter:invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important}#rAECCd,.gb_3,.jPtXgd{font-weight:600!important}#I0_1513527137275,.fFW7wc-OEVmcd,.gb_W,.gb_Wa.gb_Fe,.jPtXgd,:not([data-date]):before,img,svg{filter:invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important}.A6wOnd,.Jmftzc.K9QN7e.EiZ8Dd,.Jmftzc.K9QN7e.EiZ8Dd.UflSff,.Jmftzc.gVNoLb.EiZ8Dd,.VgueE,.Wbs5sd,.gb_Eb,.i5a7ie,.rF3YF.wmyjXb{color:#000!important}.EfQccc.Hrn1mc.EiZ8Dd::after,.EfQccc.MmaWIb.KKjvXb.EiZ8Dd::after{border:1px solid #000}.XBkKC.WSvIUd,.logo-plus-button-lockup-text{color:#fff}.IP9Hyd .O0WRkf:first-child,.gb_je.gb_ee{color:#fff}.Jmftzc.EiZ8Dd,.Jmftzc.gVNoLb.LKeQwe{color:#000}.gb_Z,.gb_fa.gb_ng{font-weight:bolder!important}</style>`;
  1. Close the Developer Tools window (Ctrl+w on Windows or Cmd+Opt+i on Mac)

Note: Alternatively, you can continually refresh (Ctrl+r on Windows or Cmd+r on Mac) which sometimes works