Skip to content

Google Darkest Fusion by ATX

Screenshot of Google Darkest Fusion

Details

AuthorATX

LicenseCC-BY-SA-4.0

CategoryGoogle

Created

Updated

Size431 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

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

Notes

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 me 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, Interests, 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:
@MMachado05 - I thought about adding style to Github several times, but I was always too lazy, I don't want to make any promises, but maybe I'll go to it next month, when I have more time after main work,
@ylluminate - I will think about adding possibility to easily invert Spreadsheet, edit: done :)
@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):

  • 06.04.2024 - fixes to Drive, Flights, My Account, Drive and Search, removed "dark e-mail only" option for GMail due to Google's changes which caused me a lot problems to make it working again :(,
  • 11.04.2024 - Accounts, Calendar, Maps and Search fixes,
  • 01.04.2024 - Books, Drive, Maps, Search and Trends fixes,
  • 31.03.2024 - Search fixes,
  • 29.03.2024 - Accounts, Errors, Drive, Search and Translate fixes,
  • 24.03.2024 - Drive, Search and global fixes,
  • 22.03.2024 - fixes for Calendar and Tasks (thx @MMachado05 for info, answer above),
  • 21.03.2024 - Search fixes,
  • 20.03.2024 - Maps and Search fixes, added dark background for new page with error,
  • 16.03.2024 - Search and Translate fixes,
  • 14.03.2024 - Interests and Maps fixes,
  • 12.03.2024 - improvements to GMail and fixes to Search,
  • 09.03.2024 - fixes to Contacts and fixed new menu login,
  • 03.03.2024 - Calendar (mostly embedded on Docs), Maps and Search fixes,
  • 01.03.2024 - Maps and Search fixes (hat-trick!),
  • 23.02.2024 - Maps and Search fixes,
  • 20.02.2024 - Maps and Search fixes,
  • 17.02.2024 - added support to Interests, Search and global fixes,
  • 16.02.2024 - fixes to Calendar, Search and some overall changed to buttons,
  • 12.02.2024 - fixes to Calendar (thx again @coman4 for tips, I wanted to make too many dark changes recently and didn't notice some errors, I'll leave vanilla-bright colors for creating events), GMail (full dark/without e-mails), Maps and Search,
  • 11.02.2024 - fixes to Photos and and Search,
  • 08.02.2024 - fixes to Contacts, Maps, My Account and Search,
  • 05.02.2024 - fixes to Calendar, Photos (thanks @coman4 for info) and Search,
  • 29.01.2024 - Search reviews fixes,
  • 28.01.2024 - fixes to Docs, Groups and Search,
  • 26.01.2024 - fixes to GMail (full dark/without e-mails) and Search,
  • 20.01.2024 - fixes to Drive, My Activity, Photos and Search,
  • 10.01.2024 - fixes to GMail and Search,
  • 07.01.2024 - fixes to Search and Travel,
  • 06.01.2024 - fixes to Contacts, Drive, Maps, My Account, Photos, Search, Shopping and Translate,
  • 01.01.2024 - fixes to Drive, Maps, Search, Shopping and Sheets (set darkness level may have been reset for it, please set it again),
  • 26.12.2023 - fixes to Books, GMail, Sheets (thx @SekwahAR for info) and Search, added possibility to invert colors on Sheets (with modified darkness level which gives better results), you may have to re-set some options again,
  • 22.12.2023 - fixes to Contacts,
  • 17.12.2023 - Flights, Travel and Search fixes,
  • 12.12.2023 - Calendar, Drive and GMail fixes,
  • 11.12.2023 - Drive and Search fixes,
  • 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      2024.04.11
@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'
}

@var select darker_spreadsheet 'Background mode on Spreadsheet' {
		'None																													': 	'none',
		'Darker																												': 	'sp_darker',
		'Invert colors and/or darker																	':	'sp_invert'
}

@var range spreadsheet_dark_level 'Darkness 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, .Kk7lMc-ae3xF-r4nke-fmcmS {
		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, .Kk7lMc-ae3xF-VdSJob-fmcmS {
		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;
...

Reviews

No reviews yet.