My personal scheme I use. I got it from someone else but can't find it so I'm sharing it this way.
Isomniac Google Dark Theme by insomnolant
Details
Authorinsomnolant
LicenseNo License
Categorygoogle docs
Created
Updated
Size1.1 MB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.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 Dark Theme
@namespace github.com/blyad2137/google-dark-theme
@version 3.1.2
@description `Ultimate Dark Theme for Google`
@author blyad (https://github.com/blyad2137)
@license CC BY-NC-SA 4.0
@homepageURL https://github.com/blyad2137/google-dark-theme
@supportURL https://github.com/blyad2137/google-dark-theme/issues
@preprocessor uso
@advanced dropdown map "Invert maps:" {
1 "ON*" <<<EOT invert(.835) hue-rotate(180deg) EOT;
2 "OFF" <<<EOT none EOT;
}
@advanced dropdown docs_chart_invert "[Docs] Invert Charts:(colors may get a little fucky-wucky)" {
1 "Background color according invert" <<<EOT var(--invert-3) EOT;
2 "180deg invert*" <<<EOT invert(.835) hue-rotate(180deg) saturate(3) EOT;
3 "OFF" <<<EOT none EOT;
}
@advanced dropdown google_logo "[Search] Change the Google logo:" {
1 "Normal Logo/OFF" <<<EOT none EOT;
2 "White Logo" <<<EOT filter: saturate(0) brightness(3); EOT;
3 "Custom Logo" <<<EOT content: var(--custom_logo); EOT;
}
@advanced text custom_logo "Custom Logo URL:" url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/7b7826de-b927-479d-ad69-4e2f14d43d03/ddqh6hs-3a60059a-09fe-4dd5-be5d-7d4e1898fe7c.png/v1/fill/w_1280,h_389,strp/google_new_logo__fanmade__by_ejtitov_ddqh6hs-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9Mzg5IiwicGF0aCI6IlwvZlwvN2I3ODI2ZGUtYjkyNy00NzlkLWFkNjktNGUyZjE0ZDQzZDAzXC9kZHFoNmhzLTNhNjAwNTlhLTA5ZmUtNGRkNS1iZTVkLTdkNGUxODk4ZmU3Yy5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.YBwiDHAVx60yUvNX3G4Nz2bryR2rfkj_vnCek079B50")
@advanced dropdown firebaseonair_enabler "[Firebase On Air] Disable bad browser blocker:" {
1 "ON*" <<<EOT div#bad-browser {display:none !important;} body.unsupported {overflow-y:scroll !important;} EOT;
2 "OFF" <<<EOT EOT;
}
==/UserStyle== */
@-moz-document url-prefix("https://mail.google.com/chat/u/"), regexp("^(https?)://(www|ogs|gds|translate|policies|accounts|myaccount|adssettings|posts|artsandculture|about.artsandculture|docs|contacts|calendar|meet|tasks|keep|workspace|photos|play|ads|drive|classroom|jamboard|podcasts|chat|families|domains|scholar|gsuite|duo|shopping|shoppinglist|marketingplatform|measurementpartners|admanager|admob|about|www.blog|blog|assistant|developers|store|one|tokenized.play|analytics|tagmanager|optimize|firebase|console.firebase|images|firebaseonair|chromeenterprise|artsexperiments|chromeonair).(google|withgoogle).*") {
:root {
--custom_logo: /*[[custom_logo]]*/;
--bg-dark: #202124;
--bg-dark-rgb: 32, 33, 36;
--bg-dark-2: #212428;
--bg-dark-3: #333;
--bg-dark-4: #4a4b4d;
--bg-dark-5: #28292f;
--bg-dark-6: #20262d;
--bg-dark-7: #454a53;
--bg-dark-8: #4d5257;
--bg-dark-9: #3b3b3b;
--bg-dark-10: #2a2a2a;
--bg-dark-11: #252525;
--bg-dark-12: #414141;
--bg-dark-13: #3f3f3f;
--bg-dark-14: #6a6a6a;
--bg-dark-16: #25262a;
--bg-dark-17: #2a2c31;
--bg-dark-18: #393b40;
--bg-dark-19: #4a4b4f;
--bg-dark-20: #444;
--bg-dark-21: #293034;
--bg-dark-22: #303030;
--bg-dark-23: #353535;
--bg-dark-24: #494949;
--bg-dark-25: #222325;
--bg-dark-26: #37373A;
--bg-dark-27: #2e2f32;
--bg-dark-28: #2a2c2f;
--bg-dark-29: #242b2f;
--bg-dark-30: #4e4e4e;
--bg-dark-31: #262729;
--bg-dark-blue-1: #42474f;
--bg-dark-blue-2: #383b40;
--bg-dark-blue-3: #33363c;
--bg-dark-blue-4: #3a3c40;
--bg-dark-blue-5: #5d6166;
--bg-dark-blue-6: #3c3f44;
--bg-dark-blue-7: #566071;
--bg-dark-blue-8: #5e6f8a;
--bg-dark-blue-9: #4f5051;
--bg-dark-blue-10: #343a3c;
--bg-dark-blue-11: #494f59;
--bg-dark-blue-12: #313a3e;
--bg-dark-blue-13: #586475;
--bg-dark-blue-14: #30373a;
--bg-dark-blue-15: #6d97aa;
--bg-grey: #909090;
--bg-grey-2: #505050;
--bg-grey-3: #6d7175;
--bg-grey-4: #5d5d5d;
--bg-grey-5: #595959;
--bg-grey-6: #585858;
--bg-grey-7: #5d6064;
--bg-grey-8: #5e5f5f;
--bg-grey-9: #545454;
--bg-grey-transparent-1: rgba(158, 158, 158, .2);
--bg-dark-yellow: #3e3c37;
--bg-dark-yellow-2: #332f22;
--bg-dark-green: #262f28;
--bg-dark-red: #312321;
--bg-dark-orange: #31211d;
--bg-dark-purple: #392b46;
--bg-dark-pink: #372730;
--bg-hover-1: #282a2f;
--bg-active-1: #24282f;
--bg-hover-2: #272828;
--bg-active-2: #383839;
--bg-hover-3: #28292a;
--bg-active-3: rgba(255, 255, 255, .2);
--bg-hover-4: #212425;
--bg-hover-5: #2a2a2a;
--bg-hover-6: rgba(255, 255, 255, .1);
--bg-active-6: rgba(175, 179, 185, .16);
--bg-active-4: rgba(128, 133, 138, .4);
--bg-hover-7: rgba(128, 133, 138, .2);
--bg-hover-8: #26292e;
--bg-hover-9: rgba(204, 210, 215, .04);
--bg-active-5: rgba(204, 210, 215, .08);
--bg-hover-10: rgba(255, 255, 255, .05);
--bg-hover-11: rgba(175, 179, 185, .039);
--bg-hover-12: #2c2d2f;
--bg-transparent-1-hover: rgba(204, 233, 255, .08);
--bg-transparent-1-active: rgba(204, 233, 255, .12);
--bg-transparent-1: rgba(175, 183, 193, .24);
--bg-transparent-2: rgba(255, 255, 255, .03);
--bg-transparent-3: rgba(255, 255, 255, .1);
--bg-transparent-4: rgba(255, 255, 255, .12);
--bg-transparent-5: rgba(32, 33, 36, .84);
--bg-transparent-6: rgba(255, 255, 255, .26);
--bg-transparent-7: rgba(255, 255, 255, .06);
--bg-transparent-8: rgb(204, 210, 215, .04);
--bg-transparent-9: rgb(204, 210, 215, .1);
--bg-transparent-10: rgba(204, 210, 215, .039);
--bg-transparent-11: rgba(208, 209, 212, .059);
--bg-transparent-12: rgba(208, 209, 212, .122);
--bg-transparent-13: rgba(208, 209, 212, .059);
--bg-transparent-14: rgba(255, 255, 255, .2);
--bg-transparent-15: rgba(255, 255, 255, .161);
--bg-transparent-16: rgba(255, 255, 255, .039);
--bg-transparent-17: rgba(208, 209, 212, .03);
--bg-transparent-18: rgba(255, 255, 255, .05);
--bg-transparent-19: rgba(255, 255, 255, .3);
--bg-transparent-20: rgba(255, 255 ,255, .18);
--bg-transparent-21: rgba(187, 187, 187, .4);
--bg-transparent-22: rgba(204, 210, 215, .039);
--bg-transparent-23: rgba(255, 255, 255, .04);
--bg-transparent-24: rgba(204, 210, 215, .078);
--bg-transparent-25: rgba(204, 210, 215, .08);
--bg-transparent-26: rgba(175, 179, 185, .039);
--bg-transparent-27: rgba(175, 179, 185, .04);
--bg-transparent-28: rgba(204, 210, 215, .08);
--bg-transparent-29: rgba(204, 210, 215, .059);
--bg-transparent-30: rgba(204, 210, 215, .122);
--bg-transparent-31: rgba(255, 255, 255, .122);
--bg-transparent-32: rgba(208, 209, 212, .039);
--bg-transparent-32: rgba(255, 255, 255, .08);
--bg-transparent-33: rgba(208, 209, 212, .039);
--bg-transparent-34: rgba(204, 210, 215, .06);
--bg-transparent-35: rgba(204, 210, 215, .04);
--bg-transparent-36: rgba(255, 255, 255, .38);
--bg-transparent-37: rgba(255, 255, 255, .2);
--bg-transparent-38: rgba(255, 255, 255, .04);
--bg-transparent-dark: #202124b8;
--bg-transparent-dark-2: rgba(32, 33, 36, .65);
--bg-transparent-dark-3: rgba(53, 53, 53, .8);
--bg-transparent-dark-4: rgba(32, 33, 36, .85);
--bg-transparent-dark-5: rgba(32, 33, 36, .9);
--bg-transparent-dark-6: rgba(32, 33, 36, .902);
--bg-transparent-dark-7: rgba(32, 33, 36, .96);
--bg-transparent-dark-8: rgba(32, 33, 36, .922);
--bg-transparent-dark-9: rgba(32, 33, 36, .25);
--bg-transparent-dark-10: rgba(32, 33, 36, .2);
--bg-transparent-dark-11: rgba(32, 33, 36, .8);
--bg-transparent-dark-12: #4a4b4d80;
--bg-transparent-dark-13: rgba(204, 210, 215, .039);
--bg-transparent-dark-14: rgba(32, 33, 36, .961);
--bg-transparent-dark-15: rgba(32, 33, 36, .70);
--bg-transparent-dark-16: rgba(56, 59, 64, .8);
--bg-transparent-dark-17: rgba(51, 51, 51, .95);
--bg-transparent-dark-18: rgba(37, 40, 42, .95);
--bg-transparent-dark-19: rgba(48, 48, 48, .75);
--bg-transparent-dark-20: rgba(32, 33, 36, .05);
--bg-transparent-dark-21: rgba(40, 41, 47, .38);
--bg-transparent-dark-22: rgba(32, 33, 36, .08);
--bg-transparent-dark-23: rgba(56, 59, 64, .35);
--bg-transparent-dark-24: rgba(32, 33, 36, .5);
--bg-transparent-dark-25: rgba(32, 33, 36, .09);
--bg-transparent-dark-26: rgba(94, 94, 94, .333);
--bg-transparent-dark-27: rgba(94, 94, 94, .4);
--bg-transparent-dark-28: rgba(32, 33, 36, .6);
--bg-transparent-dark-29: rgba(32, 33, 36, .01);
--bg-transparent-dark-30: rgba(32, 33, 36, .87);
--bg-transparent-dark-31: rgba(32, 33, 36, .851);
--bg-transparent-dark-32: rgba(32, 33, 36, .95);
--bg-transparent-dark-33: rgba(32, 33, 36, .9);
--bg-full-transparent: #0000;
--bg-dark-gradient: -webkit-gradient(linear,left top,left bottom,from(#28292a),to(#28292a));
--bg-dark-gradient-2: linear-gradient(#282828,#212228) #282828;
--bg-dark-gradient-3: linear-gradient(#262626,#212228) #262626;
--bg-dark-gradient-4: -webkit-linear-gradient(top,#28292a,#4a4b4d);
--bg-dark-gradient-5: -webkit-linear-gradient(top,#252525,#212228);
--bg-dark-gradient-6: -webkit-linear-gradient(top,#282828,#212228);
--bg-dark-gradient-7: linear-gradient(#212228 1px,rgba(255,255,255,0) 0);
--bg-dark-gradient-8: linear-gradient(#333,#303030) #333;
--bg-dark-gradient-9: linear-gradient(to right, rgba(255, 255, 255, 0.0) 0%, #202124 20%);
--bg-dark-gradient-10: linear-gradient(45deg,#202124 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
--bg-dark-gradient-11: linear-gradient(to bottom,rgba(255,255,255,0),#202124);
--bg-dark-gradient-12: linear-gradient(to right,rgba(241,243,244,0) 0px,#212428 24px 100%);
--bg-dark-gradient-13: #25282a linear-gradient(#25282a,#212428) repeat-x;
--bg-dark-gradient-14: linear-gradient(to bottom,#25282a,#212428);
--bg-dark-gradient-15: linear-gradient(to bottom,#282a2f,#212428);
--bg-dark-gradient-16: linear-gradient(#212428,#202124);
--bg-dark-gradient-17: linear-gradient(#202124,#212428);
--bg-dark-gradient-18: radial-gradient(circle farthest-side,rgba(66, 73, 83, .4),rgba(66, 73, 83, .4) 80%,rgba(210,227,252,0) 100%);
--bg-dark-gradient-19: linear-gradient(#202124 30%,rgba(255,...