Skip to content

Google Darkest Fusion by ATX

Screenshot of Google Darkest Fusion







Size415 kB


Learn how we calculate statistics in the FAQ.

Failed to fetch stats.


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


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.


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, 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 by ATX
@description  Style makes most of Google sites DARK
@version      2023.12.07
@license      CC-BY-SA-4.0
@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(""), url-prefix(""), 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;



No reviews yet.