Skip to content

www.pinterest.com by teevo

Details

Authorteevo

LicenseNo License

Categorypinterest.com

Created

Updated

Size15 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

:D

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           www.pinterest.com - 7/3/2023, 6:03:15 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

:root {
        --by_ix-color_dark0: #000000;
        --by_ix-color_dark1: #262729;
        --by_ix-color_dark2: #231f20;
        --by_ix-color_dark3: #333333;
        --by_ix-color_dark4: #202021;
        --by_ix-color_dark5: #1f1d1d;
        --by_ix-color_dark6: #262729b0;
        --by_ix-color_dark7: #0000;
        --by_ix-color_white0: #ffffff;
        --by_ix-color_white1: #f5f5f5;
        --by_ix-color_white2: #d4d4d4;
        --by_ix-color_white3: #a3a3a3;
        --by_ix-color_white4: #7c7c7c;
        --by_ix-color_white5: #5c5c5c;
        --by_ix-color_purple0: #7337ce;
        --by_ix-color_purple1: #69459e;
        --by_ix-color_purple2: #5d349c;
        
        --g-colorGray0: #333333;
        --color-border-container: #333333;
        --color-text-icon-default: #ffffff;
    }
    
/*---------- BODY ----------*/
        
    a {
        color: var(--by_ix-color_white0) !important;
    }
    a:focus, a:hover {
        color: var(--by_ix-color_white2);
    }
    div {
        color: var(--by_ix-color_white1) !important;
    }
    input[type="text"] {
        color: var(--by_ix-color_white1) !important;
    }
    .a_A:focus, .a_A:hover {
        background-color: var(--by_ix-color_dark3) !important;
    }
    .O2T  {
        color: var(--by_ix-color_white1) !important;
    }
    .pBj {
        color: var(--by_ix-color_white1) !important;
    }
    h3, h5 {
        color: var(--by_ix-color_white0) !important;
    }
    body, div[data-test-id="pin-builder"] {
        background: var(--by_ix-color_dark2) !important;
        height: auto !important;
    }
    :focus {
        outline: 1px auto var(--by_ix-color_dark3);
    }
    *::-webkit-scrollbar {
        width: 7px !important;
        height: 7px !important;
        background: var(--by_ix-color_dark1) !important;
        border: 1px solid var(--by_ix-color_dark1) !important;
    }
    *::-webkit-scrollbar-thumb {
        min-height: 28px !important;
        background: var(--by_ix-color_purple1) !important;
        border-radius: 10px;
    }
    @keyframes hideShadow {
        0% {
        background-color:hsla(0, 0%, 20%, 0.97);
        box-shadow:0 1px 20px 0 rgba(0,0,0,.1)
        }
        to {
        box-shadow:none
        }
    }
    @keyframes showShadow {
        0% {
        box-shadow:none
        }
        to {
        background-color:hsl(0, 0%, 12%);
        box-shadow:0 1px 20px 0 rgba(0,0,0,.1)
        }
    }
    
/*---------- BUTTON ----------*/
    
    .gpV {
        background-color: var(--by_ix-color_purple2) !important;
    }
    .bmw, .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu {
        background-color: var(--by_ix-color_dark5) !important;
    }
    .bmw:focus, .bmw:hover, .W6-:focus, .W6-:hover, .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu:hover, .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu:hover, ._HI, .eZS, .Il7:focus, .Il7:hover, .zI8:focus, .zI8:hover, .BsF:hover, .BsF:focus {
        background-color: var(--by_ix-color_dark6) !important;
    }
    .xD4 {
        min-height: 40px;
    }
    .hUC {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .RCK {
        border-radius: 30px !important;
    }
    .BsF {
        background-color: var(--by_ix-color_purple2);
    }
    .Jrn {
        background-color: var(--by_ix-color_purple2);
    }    
    .NSs.bPW, .NSs.Xsi {
        background-color: var(--by_ix-color_purple2);
    }
    
/*---------- HEADER ----------*/
    
    svg > path[d="M0 12c0 5.123 3.211 9.497 7.73 11.218-.11-.937-.227-2.482.025-3.566.217-.932 1.401-5.938 1.401-5.938s-.357-.715-.357-1.774c0-1.66.962-2.9 2.161-2.9 1.02 0 1.512.765 1.512 1.682 0 1.025-.653 2.557-.99 3.978-.281 1.189.597 2.159 1.769 2.159 2.123 0 3.756-2.239 3.756-5.471 0-2.861-2.056-4.86-4.991-4.86-3.398 0-5.393 2.549-5.393 5.184 0 1.027.395 2.127.889 2.726a.36.36 0 0 1 .083.343c-.091.378-.293 1.189-.332 1.355-.053.218-.173.265-.4.159-1.492-.694-2.424-2.875-2.424-4.627 0-3.769 2.737-7.229 7.892-7.229 4.144 0 7.365 2.953 7.365 6.899 0 4.117-2.595 7.431-6.199 7.431-1.211 0-2.348-.63-2.738-1.373 0 0-.599 2.282-.744 2.84-.282 1.084-1.064 2.456-1.549 3.235C9.584 23.815 10.77 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12"], svg > path[d="M15 10.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5m0 6c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5m-6-6c-.83 0-1.5-.67-1.5-1.5S8.17 7.5 9 7.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5m0 6c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12 12-5.37 12-12S18.63 0 12 0"], svg > path[d="M27.5 71c3.3 1 6.7 1.6 10.3 1.6C57 72.6 72.6 57 72.6 37.8 72.6 18.6 57 3 37.8 3 18.6 3 3 18.6 3 37.8c0 14.8 9.3 27.5 22.4 32.5-.3-2.7-.6-7.2 0-10.3l4-17.2s-1-2-1-5.2c0-4.8 3-8.4 6.4-8.4 3 0 4.4 2.2 4.4 5 0 3-2 7.3-3 11.4C35.6 49 38 52 41.5 52c6.2 0 11-6.6 11-16 0-8.3-6-14-14.6-14-9.8 0-15.6 7.3-15.6 15 0 3 1 6 2.6 8 .3.2.3.5.2 1l-1 3.8c0 .6-.4.8-1 .4-4.4-2-7-8.3-7-13.4 0-11 7.8-21 22.8-21 12 0 21.3 8.6 21.3 20 0 12-7.4 21.6-18 21.6-3.4 0-6.7-1.8-7.8-4L32 61.7c-.8 3-3 7-4.5 9.4z"], svg > path[d="M27.5 71c3.3 1 6.7 1.6 10.3 1.6C57 72.6 72.6 57 72.6 37.8 72.6 18.6 57 3 37.8 3 18.6 3 3 18.6 3 37.8c0 14.8 9.3 27.5 22.4 32.5-.3-2.7-.6-7.2 0-10.3l4-17.2s-1-2-1-5.2c0-4.8 3-8.4 6.4-8.4 3 0 4.4 2.2 4.4 5 0 3-2 7.3-3 11.4C35.6 49 38 52 41.5 52c6.2 0 11-6.6 11-16 0-8.3-6-14-14.6-14-9.8 0-15.6 7.3-15.6 15 0 3 1 6 2.6 8 .3.2.3.5.2 1l-1 3.8c0 .6-.4.8-1 .4-4.4-2-7-8.3-7-13.4 0-11 7.8-21 22.8-21 12 0 21.3 8.6 21.3 20 0 12-7.4 21.6-18 21.6-3.4 0-6.7-1.8-7.8-4L32 61.7c-.8 3-3 7-4.5 9.4z"] {
        fill: var(--by_ix-color_purple0) !important;
        color: var(--by_ix-color_purple0) !important;
    }
    .GjR, .sj_ {
        color: var(--by_ix-color_purple0) !important;
    }
    .qiB {
        top: 18px !important;
    }
    .DUt.XiG._wN.hA-.urM.wYR.zI7.iyn.Hsu, .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu {
        padding: 10px 15px 10px 15px !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        background-color: var(--by_ix-color_dark2) !important;
        
    }
    .DUt.XiG._HI._wN.hA-.wYR.zI7.iyn.Hsu {
        padding: 10px 15px 10px 15px !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }
    div.qiB[style="top: 58px; z-index: 1;"] div.fZz.urM.zI7.iyn.Hsu {
        background-color: var(--by_ix-color_dark2);
        display: inline;
    }
    .P_h {
        background-color: var(--by_ix-color_purple2);
    }
    div.DUt.XiG._wN.hA-.urM.wYR.zI7.iyn.Hsu div.MIw.zI7.iyn.Hsu {
        width: calc(100% - 30px) !important;
    }
    .urM {
        background-color: var(--by_ix-color_dark5);
    }
    .Jea.gjz.xcv.L4E.zI7.iyn.Hsu, div[data-test-id="header-background"] div.jzS.un8.C9i.TB_[style="height:80px;width:100%"] {
        height: 50px !important;
    }
div[data-test-id="header-background"] {
     background-color: var(--by_ix-color_dark2)
}

    .Dl7 {
        border: 1px solid var(--by_ix-color_dark3);
    }
    .SpV {
        background-color: var(--by_ix-color_dark1);
    }
    .ProPartnerHeaderMenuList .proPartnerHeaderMenuItem:hover {
        background-color:  var(--by_ix-color_dark4) !important;
    }
    
/*---------- SEARCH ----------*/

    .Jea.fev.zI7.iyn.Hsu {    
        background-color: var(--by_ix-color_dark3) !important;
    }
    .Jea._HI.fev.zI7.iyn.Hsu, .Jea.fev.zI7.iyn.Hsu {
        height: 30px !important;
    }
    div.Jea._HI.fev.zI7.iyn.Hsu div.MMh._Y5.feh.s7I.zI7.iyn.Hsu, .MMh._Y5.feh.s7I.zI7.iyn.Hsu {
        background: var(--by_ix-color_dark2) !important;
    }
    div[data-test-id="search-filter"] {
        height: 28px !important;
    }
    .Eqh.P_h.fZz.fev.zI7.iyn.Hsu, .Eqh.fev.zI7.iyn.Hsu {
        height: 30px !important;
    }
    div[data-test-id="search-tab-bar"] {
        background-color: var(--by_ix-color_dark7) !important;
    }
    div[style="z-index: 499; top: 58px; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 8px -8px; transition: box-shadow 300ms ease-in-out 0s;"] div[data-test-id="search-tab-bar"] {
        background-color: var(--by_ix-color_dark7) !important;
        height: 110px;
    }
    div[style="z-index: 499; top: 80px; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 8px -8px; transition: box-shadow 300ms ease-in-out 0s;"] div[data-test-id="search-tab-bar"] {
        background-color: var(--by_ix-color_dark7) !important;
        height: 110px;
    }
    
/*---------- PROFILE ----------*/
    
    div[data-test-id="profile-header"] {
        background: var(--by_ix-color_dark5);
        margin: 0% 32%;
        padding: 10px 0px 20px 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 32px;
        border-bottom-right-radius: 32px;
    }
    .m2F {
        margin-bottom: 0px !important;
    }
    div.hs0.mQ8.un8.C9i.TB_ div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu, div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu {
        background-color: var(--by_ix-color_dark1) !important;
    }
    div.hs0.mQ8.un8.C9i.TB_ div.INd.XiG.zI7.iyn.Hsu {
        box-shadow: var(--by_ix-color_purple2) 0px 0px 0px 1px !important;
    }
    div[data-test-id="gestalt-avatar-svg"] {
        border: 2px solid var(--by_ix-color_purple2) !important;        
    }
    .EdS {
        font-weight: bold !important;
    }
    .Jea.m2F.mQ8.zI7.iyn.Hsu [style*="width: 120px; height: 120px"] {
        width: 200px !important;
        height: 200px !important;
    }
    .u97 {
        background-color: var(--by_ix-color_dark6);
    }
    .NSs.s4m {
      ...

Reviews

No reviews yet.