Google Darkest Fusion theme for many Google sites, developed since January 2019 :)
Google Darkest Fusion by ATX

Details
AuthorATX
LicenseCC-BY-SA-4.0
CategoryGoogle
Created
Updated
Size415 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
About style
Style is prepared by me since January 2019 to not blind my eyes while using Google in the evenings. Because I like what I do, I decided to share my style with you. Originally based on great work by DeathTBO on userstyles.0rg, now everything made by hand from scratch. I hope you like my vision of Dark Theme :)
If so, please support my work and fund coffee on PayPal or Buy Me a Coffee for hundreds of hours spent to prepare theme for you. Thank you for being awesome!
Style currently supports sites:
About, Account, Admin, Alerts, Books, Calendar, Contacts, Developers, Drive, Docs, Finance, Firebase, Flights, Forms, Hangouts, Groups, Issuetracker, Maps, My Activity, One, Patents, Payments, Passwords, Photos, Play, Scholar, Search, Scholar, Sheets, Script, Shopping, Translate, Travel and Trends.
Keep and Support have stock dark themes.
Customization
Style supports basic configuration with custom backgrounds, darker Gmail, Spreadsheet etc. See here how to do it. In the future there might appear additional options.
Bug reports, ideas
Simply write comment below.
Answers for latest comments
I cannot comment my own style, so I answer here:
@coman4 - I cannot add easily Google Voice, it is not available in my country and I cannot see how it looks inside :(
@jack-ii and @ nazar-pc - I need to think how to separate few sites you mentioned guys like Play or Firebase, unfortunately Google connects between these sites in some areas (like GMail -> Drive for attachment or Calendar using Contacts). Separation of everything will take really much time,
Changelog (DD.MM.YYYY):
- 07.12.2023 - Search fix
- 04.12.2023 - Calendar, Contacts, Drive, One, Search and Shopping fixes, some regexps fixes,
- 29.11.2023 - Calendar, Contacts, GMail, Maps, Play and Search fixes,
- 22.11.2023 - GMail and Maps fixes,
- 21.11.2023 - fixes to Calendar, My Account, Drive, Tasks, fixed grey bar on Search for some users (thx @Makezu90 for info)
- 20.11.2023 (v3) - rebuilt Tasks (integrated with Calendar), fixed wallpapers positioning on longer pages like Search,
- 20.11.2023 (v2) - added wallpaper mode for custom backgrounds if they look weird, mostly for small images which are repetitive patterns in base64 (check now @coman4),
- 20.11.2023 - Fixes to Contacts, My Account, Play, Translate and Search,
- 19.11.2023 - Rewritten all sections from shitty USO to (less) shitty Stylus, all configuration should work now from aaddon menu now where I added some fancy themes to customize, optimized all regexps (style should use a bit less processor), fixed many sites - Drive, Maps, Search, Trends etc., removed some unused code (Music - RIP), removed pseudotheming for Meet (thx for info @nazar-pc),
- 14.11.2023 - first upload on UserStyles.world, fixes recent issues on various pages, repaired customization and merged two styles into one :)
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Google Darkest Fusion
@namespace Google Darkest Fusion for userstyles.world by ATX
@description Style makes most of Google sites DARK
@version 2023.12.07
@license CC-BY-SA-4.0
@supportURL https://userstyles.world/style/13072/google-darkest-fusion
@author ATX
@preprocessor stylus
@var color backgroundGlobalColor 'Background color for most sites (default #1C1C1C)' #1C1C1C
@var select custom_background 'Background theme' {
'None ': 'none',
'Smaller Grid ': 'smaller_grid',
'Bigger Grid ': 'bigger_grid',
'Tiles ': 'tiles',
'Smaller square tiles ': 'smaller_square_tiles',
'Bigger square tiles ': 'bigger_square_tiles',
'Wood ': 'wood',
'Cave ': 'cave',
'Sunset ': 'sunset',
'Custom wallpaper ': 'custom',
}
@var text image_url 'Replace "x" in url(\'x\') to direct image link if Custom Wallpaper selected' url('x')
@var checkbox wallpaper_type 'Enable if set custom wallpaper and it looks weird' 0
@var select google_logo 'Google logo on main site' {
'Default logo ': 'default_logo',
'Old classic logo ': 'old_classic_logo',
'Grayscale logo ': 'grayscale_logo',
'White logo ': 'white_logo',
'Default without Google Doddle ': 'default_nododdle'
}
@var select gmail_mode 'GMail Mode' {
'None ': 'none',
'Dark full (set dark theme in GMail setting too!) ': 'gmail_full',
'Dark without e-mails (set dark theme in GMail setting too!) ': 'gmail_no_emails',
'E-mails only ': 'gmail_emails_only'
}
@var checkbox darker_spreadsheet 'Darker background on Spreadsheet' 1
@var range spreadsheet_dark_level 'Dark level for Spreadsheet (if enabled)' [0.3, 0, 0.5, 0.1, ""]
==/UserStyle== */
@-moz-document regexp("https:\\/\\/(?:www\\.)?(?!(?:mail|script|voice)\\b)\\w+\\.google\\.(?:com|(?:[a-z]{2})(?:\\.[a-z]{2})?)\\/.*") {
/*other iframes, business, workspace */
.pGxpHc > header > [role="navigation"], .lP1Oxd, .eVtbOe, #T2Ybvb6, .DBGuVe, .jmG9nb, .zoa7Ve {
background-color: #161616 !important;
}
body > .trouble-page, .tX9u1b:hover, .tX9u1b:hover .Rq5Gcb, .tX9u1b:active, .tX9u1b:active:focus, .tX9u1b:active:hover .Rq5Gcb, .Re-mk-Od, .B69b2b, .eIDnFf, .Kk7lMc-ae3xF-tJHJj, .Q0hgme-Q7GJAc-NkyfNe-RFnRab-LYNcwc, .Q0hgme-Q7GJAc-NkyfNe-RFnRab-LYNcwc .Q0hgme-Q7GJAc-h1U9Be-xhiy4, .Sx9Kwc-haAclf, .KL4X6e, .baszH, .TLqcme {
background-color: #1C1C1C !important;
}
.publish-review, .jf-sk-Md, .jf-Nc-ob .a-u-v, .d-l, .jf-Yi-mb-lf, .jf-po-Uf-po-Nh, .Gd-Mh-Kc, .jf-If-Gd-vg, .jf-pk-If .jf-Gd-dn-en, .Re-pk-Md, .vOSR6b, .wTcIjd.KcPmZb:hover, .Q0hgme-Q7GJAc-h1U9Be.zTETae-hxXJme, .K6fsH:hover, .w9BB5b, .g3VIld, .CtOYUe, .AcPnNb, .IYVP6, .QEnYFe, .XpcZie, .dvkKsb, .QXusVc, .sq5tec, .D1W0qc, .nWpdBf, .Hocfr, .ucFvbc, .YQPFjd, .e9Tm6c, .wLNWdd, .JAPtZc, .RMH0Nc, .Y8zAY, .KC1dQ, [data-target="itemUploadDrop"], .dZoILe, .Od-hh-ih, .dkfjNb button, .dkfjNb > div:nth-of-type(2), .heGuYc > div, .lkc0rb > div[jscontroller][data-idom-class], .lkc0rb > div > div[jscontroller], .me0Tpd > div > div > div, .ubLXVc, .UNanCc, .tDkEBc, .sbsb_a, .EMLwtd, #gamSearchPopupElementId, .wzbkpe, .JPdR6b, form[class*="gb_"][role="search"], .PsKjLc, .X1lLTb, .i9lrp, .gSjMcf, .qDr81c, .CibqKc {
background-color: #2C2C2C !important;
}
.mat-button.mat-button-base, .a-p-m-Nc > .a-p-m-Ta-x > .a-p-m-Ta-r, .a-kb, .K6fsH.KKjvXb, .w0Oumf:hover, .w0Oumf.N2RpBe, .dZzYr, .ncFHed, .fHoEVe, .b9hyVd:not(:disabled), .VfPpkd-xl07Ob-XxIAqe, .yid0mf, .lfDNBb:hover, [data-target="itemUploadDrop"]:hover, .dZoILe:hover, .ZelW3e:hover .FYhd9e, .ZelW3e:focus-within .FYhd9e, .Od-hh-ih:hover, .dkfjNb button:hover, .dkfjNb > div:nth-of-type(2):hover, .heGuYc > div:hover, .lkc0rb > div > div[jscontroller]:hover, .sbsb_c:hover, .G3sBi:hover, .G3sBi:focus, .cC1eCc > div > div[role="dialog"], .NUwdAb:focus {
background-color: #3C3C3C !important;
}
.mat-button.mat-button-base.cdk-focused, .mat-button.mat-button-base:hover, .a-kb > div:hover, .W9Maxc hr, .EI2W3d, .YYsty, .z0oSpf, .ncFHed .MocG8c.KKjvXb, .b9hyVd:not(:disabled):hover, .VfPpkd-StrnGf-rymPhb-ibnC6b:hover, .lfDNBb:focus-within, .tsIGMc, .z80M1:hover, .EBKeHd > div > hr {
background-color: #4C4C4C !important;
}
.ye3Lg, .mGJQPd, .v70vSe {
background: transparent !important;
}
.jf-sk-Md, .d-l, .jf-po-Uf-po-Nh, .jf-Zk-Qc, .Re-mk-Od, .jwExI, .wTcIjd.KcPmZb:hover, .wTcIjd.KcPmZb:hover + .ZaFaVe + .FFmpFe, .CrhH3d, .HpvS4d, .J3lyQe.IpMi9, .w0Oumf, .XpcZie, .dvkKsb, .z8bdHb, .XAza6c, .Oa4Z0c, .kYoOEf:not(:last-child), .b2i6cd, .sq5tec, .Rj2Mlf:not(:disabled), .dGrefb, .zTETae-hxXJme, .Kk7lMc-ae3xF-tJHJj, .NYTeh-tJHJj-hgDUwe, .DsOcnf, .KkQJac, .TDwdmc, .SNCLKc + .SNCLKc, .Kw3Ybf, .nWpdBf, .Hocfr, .ucFvbc, .Lx28vf, .zxpaKb, .VOEIyf, .CTOUEb, .vNCx3, .wqjEob, .RMH0Nc, .mrslJ, .DGv4zb, .mjB9rc, .yF6xpb, [data-target="itemUploadDrop"], body > .picker.modal-dialog, .le-xi-Zb-pe, .Od-hh-ih, .le-eb-Kc, .le-Fc-Sf-Fo-ag, .Ne8lhe div, .a08lwc, .lkc0rb, .bqBWU, .C4AkDf, .aGd4Df, .Usd1Ac, .Sikpge, .sbdd_b, .mKPnad, .eBVEsd, .G7Tvt, .pGxpHc, .MHORpe, .JZ8XUe, .HwXKj, .ExfZKc, .prDW {
border-color: #4C4C4C !important;
}
.jf-po-Uf-cb, .Re-jk-Zb-kk-Yb-Ah .a-kk-w, .M0atNd, .iMCTge [class ~= "cb-heading"], .k8Lt0 .Ux13U > [class ~= "cb-heading"], .JNeVaf, .C8y2je:not(:hover), .kYoOEf, .MH10Cd.MH10Cd, .hwl8wd, .ZdiZXe, .KkVXRc, .VgjuZe, .uDHis, .FHLsdd, .QEnYFe, .vhQ60e.vhQ60e, .mtzNed, .dvkKsb, .eSCjHe, .mFtl1e, .RRQQWe, .lmVpb, .lP1Oxd, .UmWPHd, .Kp1rh:not(.KKjvXb), .mhHVH, .VfPpkd-fmcmS-wGMbrd, .cfWmIb:hover:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc, .VfPpkd-vQzf8d, .tL9Q4c, .P5E6sd, .Pqkisc, .i37ZTc, .zzS51, .VfPpkd-V67aGc, .rfOYjc, .WaWjk, [data-target="itemUploadDrop"] div, [data-target="sortSwitcherContainer"] div, .zv7tnb, .Jw4Ike, .AxOyFc, .Kv0byb, .WbUJNb:active span, .WbUJNb:hover, .QGRhGc, .WbUJNb:hover span, .Yni9Cc, .twzU9, .cC1eCc > div > div[role="dialog"] h2, .T8bt7c, .BFduKd, .X1lLTb, .VzeG2b li > span > span:nth-child(1), .wlt00, .uPp84, .s1XMtb, .EyiHqf, .E6tPj, .t3RpAe, .Udfy9e {
color: #FAFAFA !important;
}
.blurb, .mat-slide-toggle-label, .mat-dialog-content > .description, .mat-button-wrapper, .place-description, .a-p-m-Xe-x-Ka > .a-p-m-Xe-r, .jf-qk-Zb-Ye-Yb-Jh .a-Ye-w, .jf-qk-Zb-Ye-Yb-Jh .a-Ye, .jf-qk-Zb-Ye-Yb-Jh .a-kb-u, .jf-ul-Fg, .jf-on-tc, .jf-mb-l .jf-Yi-mb-Co, .jf-il-bk, .a-ub-eb, .fe-Mh-cb, .jf-Pk, .jf-Zk-ff, .ndJi5d, .a-nk, .Re-jk-Zb-kk-Yb-Ah .a-kk, .Re-jk-Zb-kk-Yb-Ah .a-kb-u, .Re-am-Gf-cb, [itemprop="ratingCount"], .aImU9c, .jtSLMb, .L9a69b p, .iMCTge > ul > li, .iMCTge > p, .bMmJ2 > p, .KI14Z > p, .izwrz > p, .Ux13U > p, .zTETae-hxXJme div > .notranslate, .zTETae-hxXJme > div > .Q0hgme-LgbsSe, .NYTeh-tJHJj .NYTeh-tJHJj-r4nke, .fNciH, .oCgy9, .bFubHb, .Tt24u, .DuDIZe, .X1n4Ie, .Zjbjyf, [aria-selected="false"] .AyBipb, .Rt3Tbf, .uj9Abc, .HzMcAc, .MocG8c, .whsOnd, .PMLu8d, .Zckgoc, .u2Eevb, .nnncKd, .VOEIyf, .sbC8ge, .Blw79, .VfPpkd-StrnGf-rymPhb-b9t22c, .lO6Bse, .wOJXne, .uMKWtd, .RJS6zb, .iXlbzd, [data-target="selectionArea"] [role="listbox"] div, .clmEye, [data-target="itemUploadDrop"] > div > div span, .FupELe .zHQkBf, .GEnaxb, .a5CrZ, .quTB6, .EDtwUe, .QdKnMc:not(:disabled), .uBEPyc, .M9Vjgc, .rdEBVd, .sqDwt, .SToUMb, .i8q8c, .S1BUyf, .BiEFEd, .sbga_q, .nGA4ed, .rbHGud, .pBzYke, .rU9Npf, .CWOkJb, .BPmXhb, .cC1eCc > div > div[role="dialog"] div, .z80M1, .RBRh2e, .jyBTLc, .LbpK6d, .vBbARc, .v0D8cc, .WbUJNb[aria-selected="false"] span, .BefJWe, .G7jewc, .XE888c, .VzeG2b li > span > span:nth-child(2), .LsoKzd, .PF3Mb, .EKyP2c, .rWHaKc, .EwVWYd, .XmtUEb, .v8vtqb, .HwwJQb, .EJHGm, .LspbB span, .DSUKpc, .A978lb {
color: #CCC !important;
}
.YMNIz::after, .Qo4GQ div ul li span:nth-child(2), .OlR1df, .GDSAjf, .IbZfAf {
color: #888 !important;
}
.zTETae-hxXJme div > .notranslate::placeholder {
color: #666 !important;
}
.mat-button.mat-primary > .mat-button-wrapper, .NksHle > div > div > span {
color: #4285F4 !important;
}
.Kk7lMc-ae3xF-tJHJj-OAU7Vd-Bz112c, .zTETae-hxXJme > div > svg, .ZLDuc, .fKz7Od, .Bz112c > path:nth-of-type(1) {
fill: #CCC !important;
}
.vyDMJf-SX9D7d .kqOKYb line {
stroke: #4C4C4C !important;
}
.jf-Tp.jf-xh-he-Up .jf-dl-Tm-Lf-Pe, .jf-Nc-ob-f.a-b-c, .jf-Ql-db-Ye, .a-b-c.d-u > img, .jf-dl-hj-vg, .a-b-c.a-R-kb-u-mb, .Re-al-Qm-wf-Oe, .zTETae-hxXJme > div > .Q0hgme-XPtOyb, .RmniWd-rymPhb-h1U9Be, .Q0hgme-MPu53c, .rymPhb-ibnC6b .htvI8d-ibnC6b, .NYTeh-tJHJj .Q8Kwad, .rymPhb-ibnC6b .VkLyEc, #t-formula-bar-label > div > .docs-icon-insert-formula, .dxnXjb, .vTKotc, .Re-Kl-b-Ph, .Re-Kl-Pl-Ql, .Re-Kl-db-kk, .rs-icon-edit, .link-management-drop-down-icon, .rLSOdd, .e2CuFe, .gs8ucc button i, #qJTzr > .Yb-Il-d-c-j, .le-Zj-db-yi {
filter: invert(100%) !important;
}
.GJULSb {
filter: invert(80%) !important;
}
.jf-pk-If .jf-qk-Zb-Md, .Re-lk-tf .Re-mk-Zb-Md, .Re-ik-tf .Re-jk-Zb-Od, .le-xi-Zb-pe {
border-color: #4C4C4C;
box-shadow: 0 1px 5px 1px #4C4C4C !important;
}
.jf-po-Uf-po-Nh {
-webkit-box-shadow: 0 1px 0 #4C4C4C !important;
}
.Sx9Kwc-haAclf {
box-shadow: 0 0 0 1px #4C4C4C !important;
}
.CdPstc {
box-shadow: 0 1px #4C4C4C !important;
}
}
@-moz-document url-prefix("https://drive.google.com/drive"), url-prefix("https://play.google.com/store"), regexp("https:\\/\\/(?:www\\.)?google\\.(com|(?:[a-z]{2})(?:\\.[a-z]{2})?)\\/local\\/place\\/.*") {
/*Google help on various pages*/
#content-container, form:not(.kqJif), .b3-page-overlay, .b3-element-overlay, .XL0aGe .P0MdYe {
background: #2C2C2C !important;
}
.ghp-iconTextComponent:hover, .ghp-iconTextComponent:focus, .Wty1mf {
background-color: #3C3C3C !important;
}
.ghp-card-title, .ghp-iconTextComponent-label, .hcfe, .FyI9x {
color: #CCC !important;
}
.NMm5M {
fill: #CCC !important;
}
.ghp-hea...