Skip to content

Instantly share code, notes, and snippets.

@FirePing32
Created September 27, 2023 14:20
Show Gist options
  • Save FirePing32/80ddc18579d44fa8c7f6dad7de54cedf to your computer and use it in GitHub Desktop.
Save FirePing32/80ddc18579d44fa8c7f6dad7de54cedf to your computer and use it in GitHub Desktop.
:root {
--theme: #DF7841;
--white: #ffffff;
--black: #000000;
}
.logo {
color: var(--theme);
}
.encore-dark-theme .encore-bright-accent-set {
--background-base: var(--theme);
}
button > svg {
color: var(--theme);
}
.Mx7aus4bRGbU9vPpnDHj,
.Mx7aus4bRGbU9vPpnDHj:focus,
.Mx7aus4bRGbU9vPpnDHj:hover {
color: var(--theme);
}
.Ll8dPftFNqUukAiO0o7x {
color: var(--theme);
cursor: pointer;
}
.gSLhUO {
fill: var(--white);
}
.qQjVLTor_n_F9JTk0_5i > .gSLhUO {
fill: var(--black);
}
.Svg-sc-1bi12j5-0.gSLhUO.home-active-icon > path,
.Svg-sc-1bi12j5-0.gSLhUO.search-active-icon > path,
.Svg-sc-1bi12j5-0.gSLhUO.collection-active-icon > path {
fill: var(--theme);
}
.o_W2RZJ_KM1kJJP017df {
color: var(--theme);
cursor: pointer;
}
.C6Q_uSufk1zE4WuU3i5P:focus,
.C6Q_uSufk1zE4WuU3i5P:hover,
.CzkLUI7irPC_ipzrKnd8:focus {
color: var(--theme);
}
.zH7pZvuLbeGRZSnLxlRj.pSdsOzcIO6o5E0D21Iud,
.zH7pZvuLbeGRZSnLxlRj:focus,
.zH7pZvuLbeGRZSnLxlRj:hover {
color: var(--theme);
}
.byhpDrPqhYGoCXVANcn9,
.byhpDrPqhYGoCXVANcn9 > div > img,
.AGotAT_LDWXQc2YQCZES {
border-radius: 10%;
border: 3px solid rgb(223, 120, 65, 0.3)
}
.jXGbtRS_8kfcqhxKQvqW {
color: var(--theme);
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.gnrRbt9B6OGpcu8Bz0PU {
color: var(--theme);
cursor: pointer;
}
.YWQ6MaodStrAvAMCg1wx {
border-radius: 7.5%;
background: #212121;
}
._47lzH_9ZSVGM4UUdX90.tBo7WbUk9fgBuWpnsy0_ {
background-color: var(--theme);
color: #fff;
}
.nUQLDnMZ4D_pTkaeowQD {
--is-active-fg-color: var(--theme);
}
button.MgL79SorehxR01FG_x8G.vFIBKBU6x1uSN5LGVUu1.lilyiAOPw1BD7wToymZZ {
display: none;
}
.AbprnDVcaZJaQn627rXZ .dc83urBingOKo8_8TbL2 {
border-radius: 30%;
}
svg > path {
fill: var(--theme);
}
.volume-bar__slider-container > div > div {
--fg-color: var(--theme);
;
--is-active-fg-color: var(--theme);
}
button[testid="play-button"]:hover,
button[testid="play-button"] > span:hover {
background-color: var(--theme);
}
button[testid="play-button"]:hover > span > span > svg > apth {
fill: var(--white) !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment