MaterialGoogle by truemorad

Mirrored from https://github.com/truemorad/-MyUserStyles/raw/refs/heads/main/MaterialGoogle.user.styl

Details

Authortruemorad

LicenseCC BY-NC-SA 4.0

Categorygoogle docs youtube

Created5 months, 1 week ago

Updated1 week, 21 hours ago

Size149 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This is material google.

Notes

Installation

Install the Stylus browser extension Firefox, Chrome
Install the userstyle
Enjoy!

Reply's on comments:

alessio_price
if you want so! every supported site is disabled by default except the ones end with google.com

Change Log:

============
I'm really satisfied with the theme in its current format so, there won't be any updates other than hotfixes for a long while, won't support other sites from Google since I can't handle a style that takes a long period of time to maintain, this is perfect for now.

1.9: basic support for drive and consistency across the theme.
1.8: YouTube And Music!!
1.7: Google Calendar and Tasks support!, bringing back the highlighted keywords feature after google bricked it and fixes.
1.6: hotfix update
1.5: G-Suite joined the style! plus fixes to other sites.
Fix: for chromium users
1.4: Gmail support is here! Try it with your own taste and the ability to keep your gmail theme background.
1.3: Better Google Maps, support for Google Books and fixes.
1.2: set your homepage background to whatever PNG, JPG, GIF or even Base64 image you want!
Note: after setting a Base64 image, expect a delay of 5-30 seconds when you try to configure the style.
1.1: introducing Clean-Home for ones who hate buttons and text in HomeScreen.
Release.1: the first major update and the biggest yet, material you! Go wild And Get your own Google look with customizable colors and the ability to swap between Google Logos.

0.9: consistency across the theme, fixes for light mode and using variables now.
0.8: hotfix update, UI enhancements and tweaks like glass blur effect.
0.7: fixed A lot of bugs in Maps, Images, News and shopping.
0.6: fixed movies & series pages now you can review and explore without bugs, fixed games and tools within google and more. Ty 45 installs!
0.5: hotfix update, cleaner and more neat code and decreased size from 60kb to 46kb.
0.4: support for Google dark mode with the full AMOLED experience.
0.3: Interactive Buttons! Support for Google Maps and fixes.
0.2: hotfix update, enhanced the look of embedded elements.
0.1: hotfix update, added red color for visited sites and enhanced imgs + shopping.
Release.0: Google is the best engine, but since I turned off fingerprinting it always defaults to light mode. Dark reader looks ugly, so I wasted my weekend making a theme that solves it! more updates to come whenever I fix smthing.

Theme tested on: Thorium(chromium) ,LibreWolf(firefox).

MaterialGoogle © 2024 by truemorad is licensed under Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International. To view a copy of this license, visit

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.

/* ==UserStyle==
@name         MaterialGoogle
@version      20241120
@namespace    https://userstyles.world/user/truemorad
@description  This is material google.
@author       truemorad
@license      CC BY-NC-SA 4.0
@preprocessor stylus

@var color bg "Background color" #000
@var color sec "Text color" #4183f2
@var color vis "Visited-Links color" #f14335
pm #fff
@var checkbox RemoveAll "Clean-Home" 0
@var checkbox Logo "Colored-Logo" 1
@var checkbox lightfix "Black-Text" 0
@var checkbox books "Google-Books" 0
@var checkbox docs "GSuite" 0
@var checkbox cale "Calendar,Tasks,Meet" 0
@var checkbox yt "Youtube" 0
@var checkbox music "Music" 0
@var checkbox ytm "YTM-No-BG" 0
@var checkbox gmail "Gmail" 0
@var checkbox GmailBackground "GmailTheme-fix" 0

@var checkbox Background "Home Background" 0

@var text gifback "Home Background ''keep The Quotes'' (Link, DATA URI)" `"https://i.imgur.com/5O66TYJ.gif"`
==/UserStyle== */
@-moz-document url-prefix("https://www.google.com/"), regexp("https?://www.google.(com|([a-z]{2}))(.[a-z]{2})?.*"), url-prefix("https://books.google") {
    /*  Google  */
    /** Colors  */
    pm=#fff :root {
        --background-color: bg;
        --secondary-color: sec;
        --visited-color: vis;
        --primary-color: pm;
        --hence-color: mix(#000, pm, 30%);
        --accent-color: #f6b903;
        --transparent: transparent;
        --uv-styles-color-text-emphasis: var(--primary-color);
        --uv-styles-color-icon-default: var(--primary-color);
        --etc-color: mix(sec, #fff, 55%);
        --button: mix(bg, #000, 85%);
        --hover-button: mix(bg, #000, 75%);
        --popup-background: mix(bg, #0000, 55%);
    }
    /*	--transparent	*/
    html:has(.EHzcec), .zqrO0 .niO4u, .ml2Uge, #gb, p, .gb_Id, .Nv2PK .hfpxzc, .aRs, .miFGmb, body.EIlDfe:has(.EHzcec), .e07Vkf, .SSwjIe.KxwPGc, .uU7dJb, .c93Gbe, .fDYku, .SSPGKf, .scSharedMaterialpopupbackdrop, .fAt9Jd, .rKX73c, .XRVJtc.CLLuUd, .id-omnibox-container, .spchc, .cB9M7, .wLXL7c, .S9imif, .nfSF8e.hdtb-tl-sel, body.EIlDfe:has(.EHzcec) .SSPGKf, html:has(.GXg3Le), body.EIlDfe:has(.GXg3Le), body.EIlDfe:has(.GXg3Le) .SSPGKf, .Wnoohf .xpdopen .yp1CPe, .gm-compass button.gm-control-active, .ULSxyf .g.eejeod .zf84ud:not(.cv2VAd):not(.wdQNof), .NM9mcb, ._-pp ._-n7.sh-ma-menu__menu, .cfWmIb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) + .VfPpkd-fmcmS-yrriRe-W0vJo-RWgCYc .VfPpkd-fmcmS-yrriRe-W0vJo-fmcmS, .ULSxyf .MBtdbb .ynlwjd.VDgVie.DvHOIf.xUZ4Hc .VDgVie.dtCYCd, .GCSyeb, .Vo5ZAe .e07Vkf, .UUvOXe, .ZVxSae, ._-pd, ._-pe, .xk611b, .ULSxyf block-component > .g-blk.wF4fFd.g, .qrhhI, .mfkH6e, .ULSxyf .PiOiBd g-scrolling-carousel > .mR2gOd, .EyBRub .pb5vrc, .RfPPs#Sva75c .cHUZMb, .BIB1wf.tvh9oe > .Y6heUd > .cZEg1e.nIWXKc > .OUZ5W > .cZEg1e.QnfS4e > .bZeFTe.T3kEIe.hg1n7d, .KcXNxb, #botstuff > div[data-hveid] > #bres > div.ULSxyf:nth-of-type(1):not(:nth-last-of-type(1)), .pspo-popout > div:nth-child(1) > div[data-hveid] > div:nth-child(2) > div:nth-child(1) > div[style*="height:"] > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1), .pspo-popout div.sh-dp__sc[style*="height:"] > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1), .Ekm0eb.xQyaHf, .Ekm0eb.sh-ma-menu__selected, #islsp .NNFoTc:not(:disabled) .VfPpkd-BFbNVe-bF1uUb, #islsp .NNFoTc .VfPpkd-wbSZ0b::before, #islsp .NNFoTc .VfPpkd-wbSZ0b::after, #islsp .OCDsub .VfPpkd-Jh9lGc::before, #islsp .OCDsub .VfPpkd-Jh9lGc::after, .ea0Lbe .Ua7Yuf, .Rj2Mlf .VfPpkd-Jh9lGc::before, .Rj2Mlf .VfPpkd-Jh9lGc::after, .fDSgcf p, .moveable-pane .eifyne.XMkGfe, .imso-hov:focus, .vdQmEd .BmP5tf, .DKlyaf.bbCbFe .fSXkBc, .ULSxyf .Ww4FFb .LorSAd .EyBRub .U8shWc:hover, .R1smN, .ULSxyf .g.up9jud.eejeod:has(g-scrolling-carousel), .yLkPM, .pZMdO .sh-dr__pr.EQ4p8c input, .SWS5Fb .VfPpkd-Bz112c-Jh9lGc::before, #rhs .y8Jpof .ngPLf, .ULSxyf .vdQmEd .g-blk.mnr-c.g, .smm4bb, .RfPPs a.S0zaFc .hPfsLb .ECv3Sb, #rhs g-expandable-content > span:has(.e8hkHf) > hr.p7XkBd, .BCCEGd .xlY4q, .M8OgIe .kIXOkb:hover, .ULSxyf .uVMCKf .RzdJxc .DjWCZc.OT2FZc .MTZX5d + div[id] g-scrolling-carousel .mR2gOd, .J7eW, .JgfpDb .b0vFpe, .RfPPs.WaWKOe .hPfsLb .ECv3Sb, .NP7r5c, .d0UoQ, g-accordion .dEsxWc .h373nd.HYvwY .nlNnsd.Wt5Tfe.xRFGCb, #appbar > #extabar, .rfiSsc .IDFSOe, .qe1Dgc, .LdO2ac, .NQV3m::before, .gDQYEd.P6Tjc.OOijTb g-link.w23JUc.fl g-img.ZGomKf.Rlm17c[style="height:32px;width:32px;background-color:#fff;position:relative"], .dZ5aUe .vbLSne .StEefb.iWO5td .MjJqGe, .RfPPs.WaWKOe .TeP7Q, #yDmH0d .aJB11e, #yDmH0d .gnU4tc, .review-dialog .c9QyIf, .IFmkIb .ZFr60d, .fQM5gf .NAnCq, .wH6SXe, .RfPPs .TeP7Q, .bhlgmf, .lWlL8e, .rl_item_base .VQr16d, .IdezKe .sfvOwf .Rj2Mlf.tN4Gf .mvHKZd::before, .IdezKe .sfvOwf .Rj2Mlf.tN4Gf .mvHKZd::after, #hdtbMenus, .Rj2Mlf.MyHLpd.MyHLpd.wphPJc.VfPpkd-LgbsSe:not(:disabled):hover, .VfPpkd-icon-LgbsSe:hover .VfPpkd-icon-Jh9lGc::before, .r2cqAe, .p8Jhnd, .nr7I6e div[aria-haspopup="true"]:hover .fFI3rb, #center_col .k1khkb, .eFM0qc.BCF2pd {
        background: var(--transparent) !important;
    }
    .XRVJtc.CLLuUd .GKS7s, .cS4Vcb-LcI50d, .K3oCIe, .JZsBV, .nPDzT.d4DFfb:hover, .nr, .RNNXgb, #oc-search-input, .scene-footer, .gTMtLb .iRQHZe.pkWBse.UjBGL, .JiJthb, .gTMtLb .iRQHZe.pkWBse.UjBGL g-menu-item:hover .JiJthb .GKS7s:not([selected]), .CjiZvb, .UafVBb, .x5hpDe.MMkIv, .x5hpDe.MMkIv, .fm06If .ILfuVd b, .trNcde .ILfuVd b, .cUnQKe .ILfuVd b, .c2xzTb .ILfuVd b, .w5mTAe .ILfuVd b, #tw-target, .SxcTic:hover, .SxcTic:focus {
        background: var(--transparent);
    }
    .F9Idpe.Iy1nvd, .vk-btn.vk-sf-h, .MlPXne .A1m5Eb.EfN6d::after, .selected .A1m5Eb.EfN6d::after, .JiJthb .F9Idpe.Iy1nvd, .M0S7ae:hover .C9yzub, body:not(.LoJzbe) .M0S7ae.x7ME4e .C9yzub, .fC7rrc .sbib_b::after, .F9Idpe, .AG25L.M0S7ae:hover .C9yzub, body:not(.LoJzbe) .M0S7ae.AG25L.x7ME4e .C9yzub, .fC7rrc .sbib_b::after, .AG25L.M0S7ae:hover .C9yzub, body:not(.LoJzbe) .M0S7ae.AG25L.x7ME4e .C9yzub, .fC7rrc .sbib_b::after, .JiJthb .F9Idpe {
        background: linear-gradient(to right, var(--transparent) 0%, var(--transparent) 60%, var(--transparent)) !important;
    }
    #otJ0lf, .mzGk7d, .eYanAe, .LCTIRd, .WUAmMe, .vReuC, .SxcTic, .n4DWob, .stxVfe .GqNdIe, .xYZf1c, .HhZZjd, .sr9hec, .sKH0qb, .ECBYL .sh-dr__g, .XKnPEd, .vk_c, #rhs .fIcnad, .dG2XIf, .Tj.Tj, #maia-footer-global, #volume-main, .QGvUHe, .opt-in-banner-expanded, .slider-button-disabled, .goog-flat-menu-button, .goog-flat-menu-button.goog-flat-menu-button-hover, .goog-flat-menu-button.goog-flat-menu-button-open, .footerInner, .JJZKK.Wui1sd, #oc-search-input, .Dgr5Hb, .mNzHDe, .S5TwIf, .tq19rd, .JiJthb, .lJ9FBc input[type="submit"], .uU7dJb, .gbqfba, .JiJthb .GKS7s:not([selected]), .gB7cu .kjODPd, .pD4qTd .yMAEcf, .MlqQ3d, .JyDJZe.FMQ22b, .lBRvsb, .KS6Dwf::before, .TFQHme, .UgZKXd, .qCUfxb, .TZeISb, .W8gobe, .XRVJtc.CLLuUd, .Xkiaqc, .w8oiwc, ._-dm, .GKS7s, .dOwBOc, .FcOujd .v5jHUb, ._-fn, .Hg3NO, .JiJthb .GKS7s:not([selected]), .UafVBb, .m0uvVb, .ab_button, .sh-sr__shop-result-group:last-of-type, .minidiv .RNNXgb, .IVvPP .SUgb2e, .VvrH3b, #swml, .cB9M7, .b2hzT, .RNNXgb, #rhs .dG2XIf, .sh-sr__shop-result-group:last-of-type {
        border: 1px solid var(--transparent);
    }
    [selected].GKS7s, .p0tlZe, .zqrO0 .niO4u {
        outline: 1px solid var(--transparent) !important;
    }
    /*	background-color    */
    html, body, tr, p, .VKHL9c, .gb_xd.gb_Vc.gb_qd.gb_F.gb_Cd.gb_Qe.gb_2d.gb_Ea, .TkL5bb, .euDXsc .rmxqbe, .sKH0qb, .gb_Dd.gb_md.gb_id, .htyage, .KdK6Xc, .fW22Te, .BqbP5c, .p7sI2:not(.PQJSne) .sFlh5c.iPVvYb, .OmiYAe .directions-mode-distance-time, .sLl7de[selected] .niO4u, .OqCZI, .JiJthb, .XDU6Ef, .xUNLkc, .lWJs9b .h3TAsc, .lWJs9b.KxXKxb, .lWJs9b.uzsxBd, .bg-light-theme, .page-content .drive__customers .glue-carousel__viewport, .page-content .drive-logo-garden-section .logo-garden, #maia-footer, .page-content .drive__customers, .glue-footer, .CvDJxb, .books-hero, .apX2Fe, .maia-aside, .eoXS6e, .id-content-container, .id-app-container, .id-scene, .header_bar, .sgPenc, .gb_Nf .gb_Id, .kd-appbar, .footerInner, .ODXihb, .TxF54, .xQ8Iyb, .utX6Qe, .tTVLSc.XltNde .miFGmb, .bard-box.dark, .tTVLSc.XltNde .e07Vkf, .Lu57id, .NVacAd, .DOGUjb, .piwE7, .yra0jd, .qyKxnc.FnEtTd .srrRv, .rnc4yf, .WsQ7Df .goog-date-picker, .q0fCNd .goog-date-picker, .NnAdEb .goog-date-picker-date.FcZ4Ve, .Ib8pOd .qyKxnc.FnEtTd .srrRv, .ipwqjc, .cBoDed.ivkdbf, .SME0md, .dG2XIf, .ObMMgc .txFfNb, .kuydt, .RlD7sd, .LFAdvb, .b2Rnsc, .spch, .app-imagery-mode .zHtKKd, .app-imagery-mode .ujtHqf-zoom-LgbsSe, .app-imagery-mode .ojh76-KoToPc-LgbsSe-kkc6pd, .app-imagery-mode .xsYFzc, .app-imagery-mode .WzvKIe, .app-imagery-mode .wO0Gnc, .app-imagery-mode .Zf54rc, .yQHd5, .app-imagery-mode .xUNLkc, .WuRuJe, .OFhamd-LgbsSe-white-LkdAo:hover, .H1g75c:hover, .fn8vub:hover, .PCUzIf:hover, .KzWhlc:hover, .ZVxSae .sh-ssb__unsaved-icon:hover, .pspo-popout .sh-ssb__unsaved-icon:hover, .ZVxSae .sh-ssb__saved-icon:hover, .pspo-popout .sh-ssb__saved-icon:hover, .ba7fbf:hover, .WZLxac .VfPpkd-LgbsSe:hover, .kEwVtd .ag0Tdd:hover, .skhlJc:hover, .k4zcPc:hover, .sh-dp__cont .pspo-fade > div:nth-of-type(2) > a:hover > span[class], .PYKPKd:hover, .ULSxyf .VLBdWc .W0dt2b.w9S0vb:hover, .OtBgcb:hover, .GXg3Le:hover, .xNzW0d:hover, .EyBRub .dhERQc.T4joj:hover, .EyBRub .OXAInb.T4joj:hover, .A4cZdb:hover, .RfPPs#Sva75c .cHUZMb .jwwPNd.MIdC8d.qynOmf:hover, .P6jKkf .K5Jxee:hover, .RfPPs#Sva75c:not(.WaWKOe) .p2rWGf:hover, .rqjGif:hover, body:not(.LoJzbe) .rqjGif:focus, .fvQUnc .XbJon:focus, .cLUxtc.cLUxtc:not(:disabled):hover, .sbvC3.sbvC3:not(:disabled):hover, .ss6qqb .Jk5Tjc:hover, .u7yw9 a:hover > .WeviRb, .w6a6Ae.w6a6Ae:not(:disabled):hover, .shop__secondary.FFnM0 .k7eIUb a[data-url^="https://maps.google.com/maps?"]:hover, .gp0lg:hover, .sh-fp__pagination-button:hover, #islsp .IFeQ9d .V31rBe:hover, .le-If-db:hover, .highres button:hover > .BZMSnf, .gjs6Ee, .YIXOfe.m6QErb a.SlvSdc .DSblxf:hover, .Vy8nid:hover, .FR7ZSc.k0Jjg:hover .kHtcsd, .JgfpDb .unDjgb:hover, .fE5Rge:hover, .Gwgzqd:hover::before, .J0BXzf:ho...

Reviews

No reviews yet.