My Modified, and updated version of https://userstyles.world/style/212/google-dark-theme
Google Dark Theme by oregsamsas
Details
Authororegsamsas
LicenseNo License
Categorygoogle.com
Created
Updated
Size1.4 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.8.0
@description `Ultimate Dark Theme for Google`
@author OregSam (https://github.com/OregSamSas)
@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(.935) hue-rotate(180deg) saturate(1.5) EOT;
2. "OFF" <<<EOT none EOT;
}
@advanced dropdown docs_chart_invert "[Docs] Invert Charts:(colors may get a little fucky-wucky)" {
1. "180deg hue Invert" <<<EOT invert(.835) hue-rotate(180deg) saturate(3) EOT;
2. "BG According Color" <<<EOT var(--invert-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 "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?)://(mail|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|consent|voice|books|stadia|groups|opensourcelive|research|ai|careers|datasetsearch.research|arvr|fi|lh3|madeby|payments|pixel|pay).(google|withgoogle|googleblog|googleusercontent).*") {
: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: var(--bg-dark-17);
--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-32: #202729;
--bg-dark-blue-1: #42474f;
--bg-dark-blue-2: #383b40;
--bg-dark-blue-2-rgb: 56, 59, 64;
--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-dark-mint: #202928;
--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-green-rgb: 38, 47, 40;
--bg-dark-red: #312321;
--bg-dark-orange: #31211d;
--bg-dark-purple: #392b46;
--bg-dark-pink: #372730;
--bg-hover-1: #282a2f;
--bg-hover-1-rgb: 40, 42, 47;
--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,...