confs
This commit is contained in:
poslop
21
.config/spicetify/Themes/Ziro/LICENSE
Normal file
21
.config/spicetify/Themes/Ziro/LICENSE
Normal file
@@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2021-2022 schnensch
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
35
.config/spicetify/Themes/Ziro/README.md
Normal file
35
.config/spicetify/Themes/Ziro/README.md
Normal file
@@ -0,0 +1,35 @@
|
||||
# Ziro
|
||||
## Screenshots
|
||||
### Blue Dark
|
||||
|
||||
### Blue Light
|
||||
|
||||
### Gray Dark
|
||||
|
||||
### Gray Light
|
||||
|
||||
### Green Dark
|
||||
|
||||
### Green Light
|
||||
|
||||
### Orange Dark
|
||||
|
||||
### Orange Light
|
||||
|
||||
### Purple Dark
|
||||
|
||||
### Purple Light
|
||||
|
||||
### Red Dark
|
||||
|
||||
### Red Light
|
||||
|
||||
### Rose Pine Moon
|
||||
|
||||
### Rose Pine Dawn
|
||||
|
||||
|
||||
## More
|
||||
Inspired by the [Zorin GTK theme](https://github.com/ZorinOS/zorin-desktop-themes) and [spot](https://github.com/xou816/spot)
|
||||
|
||||
<a href=https://discord.gg/tMEcBhsNqA><img src="https://img.shields.io/discord/733994169508560938?style=flat-square&logo=discord&color=5865F2&labelColor=white&label=support"></img></a>
|
||||
246
.config/spicetify/Themes/Ziro/color.ini
Normal file
246
.config/spicetify/Themes/Ziro/color.ini
Normal file
@@ -0,0 +1,246 @@
|
||||
; COLOR EXPLANATION
|
||||
; main, sidebar, player = background
|
||||
; card = cards, tracklist, dropdowns, input fields
|
||||
; shadow = text on button, tab active & selected row
|
||||
; selected row = selected song & tab
|
||||
; button-active = play button, outline on focused input
|
||||
; button = all other buttons
|
||||
; button-disabled = volume & seekbar background, scrollbar handle, borders, hover
|
||||
|
||||
[blue-dark]
|
||||
text = bde6fb
|
||||
subtext = 6d8692
|
||||
main = 1e2529
|
||||
sidebar = 1e2529
|
||||
player = 1e2529
|
||||
card = 171d20
|
||||
shadow = 171d20
|
||||
selected-row = bde6fb
|
||||
button = bde6fb
|
||||
button-active = bde6fb
|
||||
button-disabled = 2a3439
|
||||
tab-active = bde6fb
|
||||
notification = 171d20
|
||||
notification-error = fb7c7c
|
||||
misc = 1e2529
|
||||
|
||||
[blue-light]
|
||||
text = 123354
|
||||
subtext = 8495a7
|
||||
main = f5f7fa
|
||||
sidebar = f5f7fa
|
||||
player = f5f7fa
|
||||
card = ffffff
|
||||
shadow = ffffff
|
||||
selected-row = 22c5fd
|
||||
button = 22c5fd
|
||||
button-active = 22c5fd
|
||||
button-disabled = c8d0d9
|
||||
tab-active = 22c5fd
|
||||
notification = ffffff
|
||||
notification-error = fb7c7c
|
||||
misc = f5f7fa
|
||||
|
||||
[gray-dark]
|
||||
text = ffffff
|
||||
subtext = 909090
|
||||
main = 202020
|
||||
sidebar = 202020
|
||||
player = 202020
|
||||
card = 191919
|
||||
shadow = 191919
|
||||
selected-row = ffffff
|
||||
button = ffffff
|
||||
button-active = ffffff
|
||||
button-disabled = 313131
|
||||
tab-active = ffffff
|
||||
notification = 191919
|
||||
notification-error = fb7c7c
|
||||
misc = 202020
|
||||
|
||||
[gray-light]
|
||||
text = 29292a
|
||||
subtext = 909091
|
||||
main = f7f7f7
|
||||
sidebar = f7f7f7
|
||||
player = f7f7f7
|
||||
card = ffffff
|
||||
shadow = ffffff
|
||||
selected-row = 61717c
|
||||
button = 61717c
|
||||
button-active = 61717c
|
||||
button-disabled = cecece
|
||||
tab-active = 61717c
|
||||
notification = ffffff
|
||||
notification-error = fb7c7c
|
||||
misc = f7f7f7
|
||||
|
||||
[green-dark]
|
||||
text = bbf1dd
|
||||
subtext = 6b8a7f
|
||||
main = 1b2421
|
||||
sidebar = 1b2421
|
||||
player = 1b2421
|
||||
card = 151c19
|
||||
shadow = 151c19
|
||||
selected-row = bbf1dd
|
||||
button = bbf1dd
|
||||
button-active = bbf1dd
|
||||
button-disabled = 27332f
|
||||
tab-active = bbf1dd
|
||||
notification = 151c19
|
||||
notification-error = fb7c7c
|
||||
misc = 1b2421
|
||||
|
||||
[green-light]
|
||||
text = 19483e
|
||||
subtext = 88a19c
|
||||
main = f6f9f9
|
||||
sidebar = f6f9f9
|
||||
player = f6f9f9
|
||||
card = e5eceb
|
||||
shadow = ffffff
|
||||
selected-row = 2ae18e
|
||||
button = 2ae18e
|
||||
button-active = 2ae18e
|
||||
button-disabled = cad6d4
|
||||
tab-active = 2ae18e
|
||||
notification = e5eceb
|
||||
notification-error = fb7c7c
|
||||
misc = f6f9f9
|
||||
|
||||
[orange-dark]
|
||||
text = fcc8b4
|
||||
subtext = 927367
|
||||
main = 271e1b
|
||||
sidebar = 271e1b
|
||||
player = 271e1b
|
||||
card = 1e1715
|
||||
shadow = 1e1715
|
||||
selected-row = fcc8b4
|
||||
button = fcc8b4
|
||||
button-active = fcc8b4
|
||||
button-disabled = 372b26
|
||||
tab-active = fcc8b4
|
||||
notification = 1e1715
|
||||
notification-error = fb7c7c
|
||||
misc = 271e1b
|
||||
|
||||
[orange-light]
|
||||
text = 563b25
|
||||
subtext = a89a8e
|
||||
main = faf8f7
|
||||
sidebar = faf8f7
|
||||
player = faf8f7
|
||||
card = ffffff
|
||||
shadow = ffffff
|
||||
selected-row = ff8265
|
||||
button = ff8265
|
||||
button-active = ff8265
|
||||
button-disabled = d9d2cd
|
||||
tab-active = ff8265
|
||||
notification = ffffff
|
||||
notification-error = fb7c7c
|
||||
misc = faf8f7
|
||||
|
||||
[purple-dark]
|
||||
text = d8c4f1
|
||||
subtext = 7d718c
|
||||
main = 221f26
|
||||
sidebar = 221f26
|
||||
player = 221f26
|
||||
card = 1a181e
|
||||
shadow = 1a181e
|
||||
selected-row = d8c4f1
|
||||
button = d8c4f1
|
||||
button-active = d8c4f1
|
||||
button-disabled = 302b36
|
||||
tab-active = d8c4f1
|
||||
notification = 1a181e
|
||||
notification-error = fb7c7c
|
||||
misc = 221f26
|
||||
|
||||
[purple-light]
|
||||
text = 402b4d
|
||||
subtext = 9d91a3
|
||||
main = f9f7f9
|
||||
sidebar = f9f7f9
|
||||
player = f9f7f9
|
||||
card = ffffff
|
||||
shadow = ffffff
|
||||
selected-row = 9f74e7
|
||||
button = 9f74e7
|
||||
button-active = 9f74e7
|
||||
button-disabled = d4ced7
|
||||
tab-active = 9f74e7
|
||||
notification = ffffff
|
||||
notification-error = fb7c7c
|
||||
misc = f9f7f9
|
||||
|
||||
[red-dark]
|
||||
text = fdb4b4
|
||||
subtext = 6d8692
|
||||
main = 271b1b
|
||||
sidebar = 271b1b
|
||||
player = 271b1b
|
||||
card = 1e1515
|
||||
shadow = 1e1515
|
||||
selected-row = fdb4b4
|
||||
button = fdb4b4
|
||||
button-active = fdb4b4
|
||||
button-disabled = 372626
|
||||
tab-active = fdb4b4
|
||||
notification = 1e1515
|
||||
notification-error = fb7c7c
|
||||
misc = 271b1b
|
||||
|
||||
[red-light]
|
||||
text = 572920
|
||||
subtext = a9908b
|
||||
main = faf7f6
|
||||
sidebar = faf7f6
|
||||
player = faf7f6
|
||||
card = ffffff
|
||||
shadow = ffffff
|
||||
selected-row = ff5966
|
||||
button = ff5966
|
||||
button-active = ff5966
|
||||
button-disabled = d9cecb
|
||||
tab-active = ff5966
|
||||
notification = ffffff
|
||||
notification-error = fb7c7c
|
||||
misc = faf7f6
|
||||
|
||||
[rose-pine-moon]
|
||||
text = e0def4
|
||||
subtext = 908caa
|
||||
main = 232136
|
||||
sidebar = 232136
|
||||
player = 232136
|
||||
card = 393552
|
||||
shadow = 393552
|
||||
selected-row = ebbcba
|
||||
button = ebbcba
|
||||
button-active = ebbcba
|
||||
button-disabled = 2a273f
|
||||
tab-active = ebbcba
|
||||
notification = 393552
|
||||
notification-error = eb6f92
|
||||
misc = 232136
|
||||
|
||||
[rose-pine-dawn]
|
||||
text = 575279
|
||||
subtext = 797593
|
||||
main = f2e9e1
|
||||
sidebar = f2e9e1
|
||||
player = f2e9e1
|
||||
card = faf4ed
|
||||
shadow = faf4ed
|
||||
selected-row = d7827e
|
||||
button = d7827e
|
||||
button-active = d7827e
|
||||
button-disabled = faf4ed
|
||||
tab-active = d7827e
|
||||
notification = faf4ed
|
||||
notification-error = b4637a
|
||||
misc = f2e9e1
|
||||
BIN
.config/spicetify/Themes/Ziro/screenshots/rose-pine-dawn.jpg
Normal file
BIN
.config/spicetify/Themes/Ziro/screenshots/rose-pine-dawn.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 351 KiB |
BIN
.config/spicetify/Themes/Ziro/screenshots/rose-pine-moon.jpg
Normal file
BIN
.config/spicetify/Themes/Ziro/screenshots/rose-pine-moon.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 344 KiB |
516
.config/spicetify/Themes/Ziro/user.css
Normal file
516
.config/spicetify/Themes/Ziro/user.css
Normal file
@@ -0,0 +1,516 @@
|
||||
:root {
|
||||
--br-1: 10px;
|
||||
--br-2: 8px;
|
||||
--scrollbar: unset;
|
||||
}
|
||||
/* background */
|
||||
.main-home-homeHeader,
|
||||
.main-entityHeader-backgroundColor,
|
||||
.main-actionBarBackground-background {
|
||||
display: none;
|
||||
}
|
||||
.main-topBar-overlay, .main-view-container, .Root__nav-bar{
|
||||
background-color: var(--spice-main);
|
||||
}
|
||||
.main-topBar-background {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
* {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
/* dividers */
|
||||
.Y_WW1akjiQKXSzCBalCD {
|
||||
display: none;
|
||||
}
|
||||
/* navbar */
|
||||
.main-rootlist-rootlistDividerContainer {
|
||||
display: none;
|
||||
}
|
||||
.main-navBar-navBarLinkActive,
|
||||
.main-collectionLinkButton-selected,
|
||||
.main-rootlist-rootlistItemLinkActive {
|
||||
color: var(--spice-shadow) !important;
|
||||
background: var(--spice-selected-row) !important;
|
||||
}
|
||||
.main-navBar-navBarLink,
|
||||
.main-collectionLinkButton-collectionLinkButton,
|
||||
.main-rootlist-rootlistItemLink,
|
||||
.main-createPlaylistButton-button {
|
||||
border-radius: var(--br-1) !important;
|
||||
}
|
||||
.main-navBar-navBarLink:hover,
|
||||
.main-collectionLinkButton-collectionLinkButton:hover,
|
||||
.main-rootlist-rootlistItemLink:hover,
|
||||
.main-createPlaylistButton-button:hover {
|
||||
background: var(--spice-button-disabled);
|
||||
}
|
||||
.main-rootlist-rootlistItem {
|
||||
padding: 0 8px 0 calc(8px + var(--indentation) * 8px);
|
||||
}
|
||||
.main-rootlist-rootlistItemLink {
|
||||
padding: 0 16px;
|
||||
}
|
||||
.main-rootlist-statusIcons,
|
||||
.main-rootlist-expandArrow {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 24px;
|
||||
}
|
||||
.main-rootlist-expandArrow {
|
||||
top: 8px;
|
||||
color: var(--spice-subtext);
|
||||
}
|
||||
.main-rootlist-rootlistItemLinkActive + .main-rootlist-statusIcons .main-rootlist-playButton,
|
||||
.main-rootlist-rootlistItemLinkActive + .main-rootlist-expandArrow {
|
||||
color: var(--spice-shadow) !important;
|
||||
}
|
||||
.main-navBar-navBarLink {
|
||||
color: var(--spice-text);
|
||||
}
|
||||
.main-collectionLinkButton-collectionLinkButton > *,
|
||||
.main-createPlaylistButton-button {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.main-rootlist-rootlist .os-scrollbar {
|
||||
padding: 0 0 0 8px;
|
||||
}
|
||||
/* player */
|
||||
.main-nowPlayingBar-center .playback-progressbar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 84px;
|
||||
}
|
||||
.main-nowPlayingBar-nowPlayingBar:not(:only-child) .playback-progressbar {
|
||||
bottom: 108px;
|
||||
}
|
||||
.playback-bar {
|
||||
--bar: var(--spice-button);
|
||||
}
|
||||
.volume-bar {
|
||||
--bar: var(--spice-subtext);
|
||||
margin-right: 8px;
|
||||
}
|
||||
.playback-bar .progress-bar {
|
||||
--progress-bar-radius: 0;
|
||||
}
|
||||
.playback-bar:hover .progress-bar,
|
||||
.playback-bar .DuvrswZugGajIFNXObAr {
|
||||
--progress-bar-height: 8px;
|
||||
}
|
||||
.x-progressBar-progressBarBg {
|
||||
background-color: var(--spice-button-disabled);
|
||||
}
|
||||
.DuvrswZugGajIFNXObAr .progress-bar__slider,
|
||||
.epWhU7hHGktzlO_dop6z {
|
||||
background-color: var(--bar) !important;
|
||||
}
|
||||
.progress-bar__slider {
|
||||
display: block;
|
||||
background-color: var(--spice-shadow);
|
||||
border: 2px solid var(--bar);
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
.playback-bar .progress-bar__slider {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
.playback-bar__progress-time-elapsed,
|
||||
.main-playbackBarRemainingTime-container {
|
||||
color: var(--spice-subtext);
|
||||
position: absolute;
|
||||
margin-bottom: 30px;
|
||||
right: 266px;
|
||||
}
|
||||
.playback-bar__progress-time-elapsed {
|
||||
right: 308px;
|
||||
}
|
||||
.playback-bar__progress-time-elapsed::after {
|
||||
content: ' /';
|
||||
}
|
||||
.player-controls__buttons {
|
||||
margin: 0;
|
||||
}
|
||||
.player-controls__buttons button:not(.main-playPauseButton-button) {
|
||||
color: var(--spice-button) !important;
|
||||
}
|
||||
.connect-device-list-content {
|
||||
border-radius: var(--br-1);
|
||||
border: 1px solid var(--spice-button-disabled);
|
||||
padding: 12px;
|
||||
}
|
||||
.connect-device-list-item:hover {
|
||||
background-color: var(--spice-button-disabled);
|
||||
border-radius: var(--br-2);
|
||||
}
|
||||
.cover-art-image {
|
||||
border-radius: calc(var(--br-2) / 2);
|
||||
}
|
||||
.main-coverSlotCollapsed-container[aria-hidden='true'] .cover-art-image {
|
||||
border-radius: var(--br-1);
|
||||
}
|
||||
/* friends */
|
||||
.main-buddyFeed-addFriendsContainer {
|
||||
background-color: var(--spice-sidebar);
|
||||
}
|
||||
.main-buddyFeed-friendActivity {
|
||||
padding: 8px;
|
||||
margin: 8px;
|
||||
background: var(--spice-card);
|
||||
border-radius: var(--br-1);
|
||||
}
|
||||
.HdRGC,
|
||||
.eEsqRZ,
|
||||
.main-buddyFeed-usernameAndTimestamp a {
|
||||
color: var(--spice-text) !important;
|
||||
}
|
||||
.main-buddyFeed-activityMetadata > :not(:first-child) a,
|
||||
.main-buddyFeed-timestamp {
|
||||
color: var(--spice-subtext) !important;
|
||||
}
|
||||
.main-avatar-avatar.vreGJrlRqoFkzlSQwvsJ:after {
|
||||
background: var(--spice-text);
|
||||
box-shadow: none;
|
||||
}
|
||||
/* cards */
|
||||
.main-card-card,
|
||||
.Z35BWOA10YGn5uc9YgAp,
|
||||
.main-heroCard-card,
|
||||
.a2ruVaZt_DdrdHz3GqgU,
|
||||
.x-categoryCard-CategoryCard {
|
||||
background-color: var(--spice-card);
|
||||
border-radius: var(--br-1);
|
||||
}
|
||||
.Z35BWOA10YGn5uc9YgAp:hover {
|
||||
background: var(--spice-button-disabled);
|
||||
}
|
||||
.main-cardImage-imageWrapper:not(.main-cardImage-circular) {
|
||||
border-radius: var(--br-2);
|
||||
}
|
||||
.Z35BWOA10YGn5uc9YgAp .main-image-image {
|
||||
border-radius: var(--br-2) 0 0 var(--br-2);
|
||||
}
|
||||
.zXwER4Lsqq_e7fVVaPkZ {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.cSeieV {
|
||||
background-color: var(--spice-button-active);
|
||||
}
|
||||
/* menus */
|
||||
.main-contextMenu-menu {
|
||||
border: 1px solid var(--spice-button-disabled);
|
||||
border-radius: var(--br-1);
|
||||
padding: 8px;
|
||||
}
|
||||
.main-contextMenu-menuItemButton:hover {
|
||||
background-color: var(--spice-button-disabled);
|
||||
}
|
||||
.main-contextMenu-menuItemButton {
|
||||
border-radius: var(--br-2);
|
||||
}
|
||||
.main-contextMenu-menuItemButton::before,
|
||||
.main-contextMenu-menuItemButton::after {
|
||||
display: none;
|
||||
}
|
||||
.main-contextMenu-menuItemButton {
|
||||
color: var(--spice-text) !important;
|
||||
}
|
||||
/* input */
|
||||
.x-searchInput-searchInputInput,
|
||||
.x-proxySettings-proxyInput,
|
||||
.main-dropDown-dropDown,
|
||||
.QZhV0hWVKlExlKr266jo,
|
||||
.amTaUy6eMlbKh0wzrOnb {
|
||||
background: var(--spice-card);
|
||||
border-radius: var(--br-2);
|
||||
}
|
||||
.x-searchInput-searchInputSearchIcon,
|
||||
.x-searchInput-searchInputInput,
|
||||
.x-searchInput-searchInputClearButton {
|
||||
color: var(--spice-text) !important;
|
||||
}
|
||||
/* buttons */
|
||||
.wCl7pMTEE68v1xuZeZiB:hover,
|
||||
.w6j_vX6SF5IxSXrrkYw5:hover,
|
||||
.w6j_vX6SF5IxSXrrkYw5[data-context-menu-open='true'],
|
||||
.fLS8v3_EfBadEerbGVoR:hover,
|
||||
.aAr9nYtPsG7P2LRzciXc {
|
||||
background: var(--spice-button-disabled);
|
||||
border-radius: var(--br-2);
|
||||
}
|
||||
.w6j_vX6SF5IxSXrrkYw5 {
|
||||
background-color: transparent;
|
||||
}
|
||||
.main-actionBar-ActionBarRow button:not(.bqeOGM),
|
||||
.QhF9ZR7YOiJeFiEnfkOr button,
|
||||
.CpQBQL6M4D3bquNOpKd9,
|
||||
.player-controls__buttons button,
|
||||
.DbMYFmOEEz9PH1h1zK9n button,
|
||||
.main-moreButton-button,
|
||||
.w6j_vX6SF5IxSXrrkYw5,
|
||||
.gIobRDHAxkAvUaF4_OOL button {
|
||||
color: var(--spice-button);
|
||||
}
|
||||
.bqeOGM:hover .ButtonInner-sc-14ud5tc-0,
|
||||
.dkGAhA:hover .ButtonInner-sc-14ud5tc-0,
|
||||
.jEaMNl:hover .ButtonInner-sc-14ud5tc-0,
|
||||
.fBTYgGyvIbHizHIj7AAX,
|
||||
.main-playPauseButton-button {
|
||||
background-color: var(--spice-button);
|
||||
}
|
||||
.kxBVag {
|
||||
color: var(--spice-subtext);
|
||||
}
|
||||
.main-button-primary,
|
||||
.fBTYgGyvIbHizHIj7AAX,
|
||||
.main-playPauseButton-button {
|
||||
color: var(--spice-shadow) !important;
|
||||
}
|
||||
.aAr9nYtPsG7P2LRzciXc {
|
||||
border: none;
|
||||
}
|
||||
.main-button-outlined {
|
||||
border-color: var(--spice-button);
|
||||
}
|
||||
.rEx3EYgBzS8SoY7dmC6x rect {
|
||||
fill: var(--spice-button);
|
||||
}
|
||||
/* scrollbar */
|
||||
.os-scrollbar {
|
||||
display: var(--scrollbar);
|
||||
}
|
||||
.os-scrollbar-handle {
|
||||
border-radius: 8px;
|
||||
background: var(--spice-button-disabled) !important;
|
||||
}
|
||||
/* tab bar */
|
||||
.oaNVBli46GtVjaQKB15g,
|
||||
.marketplace-tabBar-active,
|
||||
.lyrics-tabBar-active {
|
||||
color: var(--spice-shadow);
|
||||
background: var(--spice-tab-active) !important;
|
||||
}
|
||||
.JdlKTdpMquftpMwwegZo,
|
||||
.marketplace-tabBar-headerItemLink,
|
||||
.lyrics-tabBar-headerItemLink {
|
||||
border-radius: var(--br-2);
|
||||
}
|
||||
.JdlKTdpMquftpMwwegZo:hover,
|
||||
.marketplace-tabBar-headerItemLink:hover {
|
||||
background: var(--spice-button-disabled);
|
||||
}
|
||||
/* marketplace */
|
||||
.main-navBar-navBarItem[data-id='/spicetify-marketplace'] svg {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.main-type-mestoBold {
|
||||
font-weight: 700;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.marketplace-card-desc {
|
||||
font-size: 0.875rem;
|
||||
line-height: 1rem;
|
||||
}
|
||||
.main-cardHeader-text {
|
||||
font-weight: 700;
|
||||
}
|
||||
.marketplace-header {
|
||||
height: 36px;
|
||||
}
|
||||
.marketplace-header__right {
|
||||
position: fixed;
|
||||
}
|
||||
.marketplace-settings-button {
|
||||
padding: 12px 12px 8px;
|
||||
border-radius: var(--br-2);
|
||||
}
|
||||
.marketplace-settings-button:hover {
|
||||
background-color: var(--spice-button-disabled);
|
||||
}
|
||||
.GenericModal > * {
|
||||
background-color: var(--spice-main) !important;
|
||||
color: var(--spice-text);
|
||||
}
|
||||
.GenericModal,
|
||||
.GenericModal > * {
|
||||
border-radius: var(--br-1);
|
||||
}
|
||||
.main-playButton-PlayButton {
|
||||
color: var(--spice-shadow) !important;
|
||||
}
|
||||
.marketplace-card--installed {
|
||||
border: none;
|
||||
}
|
||||
/* headers */
|
||||
.CmkY1Ag0tJDfnFXbGgju:not(.hNTPwmaxPotdJ14dx2W9 *) {
|
||||
border-radius: var(--br-1);
|
||||
}
|
||||
.main-entityHeader-gray,
|
||||
.main-entityHeader-metaData,
|
||||
.UyzJidwrGk3awngSGIwv,
|
||||
.main-entityHeader-divider {
|
||||
color: var(--spice-text) !important;
|
||||
}
|
||||
.main-entityHeader-background {
|
||||
transform: none !important;
|
||||
margin-top: 64px;
|
||||
border-radius: var(--br-1);
|
||||
}
|
||||
.main-entityHeader-overlay {
|
||||
background: none;
|
||||
}
|
||||
.main-entityHeader-withBackgroundImage,
|
||||
.main-entityHeader-withBackgroundImage + div {
|
||||
transform: translateY(64px);
|
||||
}
|
||||
/* tracklist */
|
||||
.main-trackList-trackList .JUa6JJNj7R_Y3i4P8YUX {
|
||||
background: var(--spice-card);
|
||||
border-radius: var(--br-1);
|
||||
padding: 8px;
|
||||
}
|
||||
.main-trackList-trackListHeaderRow {
|
||||
border: none;
|
||||
}
|
||||
.main-trackList-trackListRow:hover,
|
||||
.jtZMR8Hj94od6BQce98P:hover {
|
||||
background-color: var(--spice-button-disabled);
|
||||
}
|
||||
.main-trackList-trackListRow.main-trackList-selected,
|
||||
.jtZMR8Hj94od6BQce98P:active {
|
||||
background-color: var(--spice-tab-active) !important;
|
||||
}
|
||||
.main-trackList-selected * {
|
||||
color: var(--spice-shadow) !important;
|
||||
}
|
||||
.main-trackList-selected .main-trackList-playingIcon,
|
||||
.main-trackList-selected .main-tag-container {
|
||||
background-color: var(--spice-shadow);
|
||||
color: var(--spice-text) !important;
|
||||
}
|
||||
.main-trackList-trackListRow,
|
||||
.jtZMR8Hj94od6BQce98P {
|
||||
border-radius: var(--br-2);
|
||||
}
|
||||
.main-trackList-trackList {
|
||||
border-radius: var(--br-1);
|
||||
border-bottom: 16px solid var(--spice-card);
|
||||
}
|
||||
.fcehhQ {
|
||||
color: var(--spice-subtext);
|
||||
}
|
||||
.main-tag-container {
|
||||
background-color: var(--spice-subtext);
|
||||
}
|
||||
.main-trackList-playingIcon {
|
||||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='playing-icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E %23playing-icon %7B fill: %2320BC54; %7D @keyframes play %7B 0%25 %7Btransform: scaleY(1);%7D 3.3%25 %7Btransform: scaleY(0.9583);%7D 6.6%25 %7Btransform: scaleY(0.9166);%7D 9.9%25 %7Btransform: scaleY(0.8333);%7D 13.3%25 %7Btransform: scaleY(0.7083);%7D 16.6%25 %7Btransform: scaleY(0.5416);%7D 19.9%25 %7Btransform: scaleY(0.4166);%7D 23.3%25 %7Btransform: scaleY(0.25);%7D 26.6%25 %7Btransform: scaleY(0.1666);%7D 29.9%25 %7Btransform: scaleY(0.125);%7D 33.3%25 %7Btransform: scaleY(0.125);%7D 36.6%25 %7Btransform: scaleY(0.1666);%7D 39.9%25 %7Btransform: scaleY(0.1666);%7D 43.3%25 %7Btransform: scaleY(0.2083);%7D 46.6%25 %7Btransform: scaleY(0.2916);%7D 49.9%25 %7Btransform: scaleY(0.375);%7D 53.3%25 %7Btransform: scaleY(0.5);%7D 56.6%25 %7Btransform: scaleY(0.5833);%7D 59.9%25 %7Btransform: scaleY(0.625);%7D 63.3%25 %7Btransform: scaleY(0.6666);%7D 66.6%25 %7Btransform: scaleY(0.6666);%7D 69.9%25 %7Btransform: scaleY(0.6666);%7D 73.3%25 %7Btransform: scaleY(0.6666);%7D 76.6%25 %7Btransform: scaleY(0.7083);%7D 79.9%25 %7Btransform: scaleY(0.75);%7D 83.3%25 %7Btransform: scaleY(0.8333);%7D 86.6%25 %7Btransform: scaleY(0.875);%7D 89.9%25 %7Btransform: scaleY(0.9166);%7D 93.3%25 %7Btransform: scaleY(0.9583);%7D 96.6%25 %7Btransform: scaleY(1);%7D %7D %23bar1 %7B transform-origin: bottom; animation: play 0.9s -0.51s infinite; %7D %23bar2 %7B transform-origin: bottom; animation: play 0.9s infinite; %7D %23bar3 %7B transform-origin: bottom; animation: play 0.9s -0.15s infinite; %7D %23bar4 %7B transform-origin: bottom; animation: play 0.9s -0.75s infinite; %7D %3C/style%3E%3C/defs%3E%3Ctitle%3Eplaying-icon%3C/title%3E%3Crect id='bar1' class='cls-1' width='4' height='24'/%3E%3Crect id='bar2' class='cls-1' x='6' width='4' height='24'/%3E%3Crect id='bar3' class='cls-1' x='12' width='4' height='24'/%3E%3Crect id='bar4' class='cls-1' x='18' width='4' height='24'/%3E%3C/svg%3E");
|
||||
background: var(--spice-text);
|
||||
content-visibility: hidden;
|
||||
}
|
||||
.main-trackList-filterHighlight {
|
||||
background-color: var(--spice-button);
|
||||
color: var(--spice-shadow);
|
||||
}
|
||||
/* podcasts */
|
||||
.main-yourEpisodes-coverContainer,
|
||||
.SpVoh9vvBN0kIwzfCiBh,
|
||||
.ltjunXlP2FwPEVF992n9 {
|
||||
border-radius: var(--br-1);
|
||||
}
|
||||
.TT1tIewS2iI8Uz8kLuQB {
|
||||
border-radius: var(--br-2);
|
||||
margin: 0 8px;
|
||||
}
|
||||
.TT1tIewS2iI8Uz8kLuQB:hover {
|
||||
background-color: var(--spice-button-disabled);
|
||||
}
|
||||
.Ng3dPPA2_1CFYkzPukjM {
|
||||
background: var(--spice-text);
|
||||
}
|
||||
.Q3wDjXPNY4lACLUxARrd + div {
|
||||
background-color: var(--spice-card);
|
||||
padding: 8px 0;
|
||||
border-radius: var(--br-1);
|
||||
}
|
||||
.knWBkA {
|
||||
color: var(--spice-subtext);
|
||||
}
|
||||
.qfYkuLpETFW3axnfMntO,
|
||||
.poz9gZKE7xqFwgk231J4,
|
||||
.UyzJidwrGk3awngSGIwv,
|
||||
.xWm_uA0Co4SXVxaO7wlB {
|
||||
color: var(--spice-text) !important;
|
||||
}
|
||||
path[fill='#1ed760'] {
|
||||
fill: var(--spice-button) !important;
|
||||
}
|
||||
.E4I5I7G2CfW32hLWZaqE,
|
||||
.SpVoh9vvBN0kIwzfCiBh {
|
||||
background-color: var(--spice-card);
|
||||
}
|
||||
.rFwxt8s8DYY8p1O7tYZW {
|
||||
background: none;
|
||||
}
|
||||
/* settings */
|
||||
.x-toggle-indicator {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
background: var(--spice-shadow) !important;
|
||||
}
|
||||
input:checked ~ .x-toggle-indicatorWrapper .x-toggle-indicator {
|
||||
right: 3px;
|
||||
}
|
||||
.cOFYck {
|
||||
color: var(--spice-subtext);
|
||||
}
|
||||
.main-playlistEditDetailsModal-textElement {
|
||||
border-radius: var(--br-1);
|
||||
}
|
||||
/* fullscreen */
|
||||
.npv-main-container .npv-cross-fade-image {
|
||||
border-radius: calc(var(--br-1) * 3);
|
||||
}
|
||||
.npv-main-container .playback-bar__progress-time-elapsed,
|
||||
.npv-main-container .main-playbackBarRemainingTime-container {
|
||||
margin-bottom: -125px;
|
||||
margin-right: -86px;
|
||||
}
|
||||
.npv-up-next {
|
||||
background: var(--spice-card) !important;
|
||||
border: none !important;
|
||||
border-radius: var(--br-1);
|
||||
}
|
||||
.npv-up-next__image {
|
||||
border-radius: var(--br-2);
|
||||
}
|
||||
.npv-header__metadata {
|
||||
color: var(--spice-text);
|
||||
}
|
||||
/* misc */
|
||||
.hW9km7ku6_iggdWDR_Lg,
|
||||
.lyrics-lyricsContainer-LyricsContainer {
|
||||
--lyrics-color-active: var(--spice-text) !important;
|
||||
--lyrics-color-inactive: var(--spice-subtext) !important;
|
||||
--lyrics-color-background: var(--spice-main) !important;
|
||||
}
|
||||
.lyrics-lyricsContainer-LyricsBackground {
|
||||
background-image: none;
|
||||
}
|
||||
.jixVGx,
|
||||
.euRuBv {
|
||||
color: var(--spice-text);
|
||||
}
|
||||
.XmR5VFpqXOcxRvhuf6OB {
|
||||
border-radius: var(--br-1);
|
||||
}
|
||||
.main-rootlist-rootlistDividerContainer {
|
||||
display: none;
|
||||
}
|
||||
.main-home-homeHeader {
|
||||
display: none;
|
||||
}
|
||||
.AINMAUImkAYJd4ertQxy {
|
||||
display: none;
|
||||
}
|
||||
Reference in New Issue
Block a user