A dark background (greyish black) with purple accents <3
Pinterest Purple & Black by Midnight_Raven
Details
AuthorMidnight_Raven
LicenseNo License
Categorypinterest
Created
Updated
Size15 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
<3
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;
}
.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 {
background-color: var(--by_ix-color_purple2);
}
div.MIw.QLY.Rym.ojN.p6V.z...