Mirrors/spicetify-themes
1
0
Fork 0
mirror of https://github.com/morpheusthewhite/spicetify-themes.git synced 2024-11-21 18:32:45 +01:00
Code Issues Projects Releases Activity

chore(SharkBlue): format code better, update screenshots (#1110)

Browse Source
This commit is contained in:
MrBiscuit 2024-09-10 14:47:26 +12:00 committed by GitHub
parent b47dde8748
commit a718801986
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 155 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
SharkBlue/screenshot.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 222 KiB

After

Width:  |  Height:  |  Size: 450 KiB

51
SharkBlue/user.css
View File

@ -1,5 +1,4 @@
/* Round Now Playing Bar */
:root {
--border-radius-1: 8px;
/* Play Bar */
@ -8,9 +7,25 @@
--padding-now-playing-bar: 0.25rem;
--border-radius-now-playing-bar: 0.5rem;
}
.Root__now-playing-bar, .Root__now-playing-bar footer {
.Root__now-playing-bar,
.Root__now-playing-bar footer {
border-radius: var(--border-radius-1) !important;
}
#main::after {
content: ""; /* Empty content */
position: fixed; /* Fix element to viewport */
top: 0;
right: 0;
z-index: 999; /* Position above all other content */
-webkit-backdrop-filter: brightness(
2.12
); /* Apply brightness filter to background */
backdrop-filter: brightness(2.12); /* Cross-browser brightness filter */
/* Page zoom control */
/* Adjust width and height based on zoom level */
width: 135px;
height: 40px;
}
/* Page titles */
h1 {
@ -184,18 +199,29 @@ h1 {
/* Make Scrollbar look better */
.os-theme-spotify.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
border-radius: 8px; width: 4px; background-color: var(--spice-button-disabled);
.os-theme-spotify.os-host-transition
> .os-scrollbar-vertical
> .os-scrollbar-track
> .os-scrollbar-handle {
border-radius: 8px;
width: 4px;
background-color: var(--spice-button-disabled);
}
.os-theme-spotify.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track {
.os-theme-spotify.os-host-transition
> .os-scrollbar-vertical
> .os-scrollbar-track {
width: 4px;
}
/* Making index column wider so that lighter background that
highlights selected song contains multi-digit song numbers */
/* It looks good up to 4 digits, I figured that no one has playlists with more music than that ;) */
.main-trackList-trackList.main-trackList-indexable .main-trackList-trackListRowGrid {
grid-template-columns: [index] 48px [first] 6fr [var1] 4fr [var2] 3fr [last] minmax(120px, 1fr) !important;
.main-trackList-trackList.main-trackList-indexable
.main-trackList-trackListRowGrid {
grid-template-columns: [index] 48px [first] 6fr [var1] 4fr [var2] 3fr [last] minmax(
120px,
1fr
) !important;
}
/* Text boxes in settings */
@ -246,7 +272,13 @@ highlights selected song contains multi-digit song numbers */
/* Collapsed Cover Art Image */
.cover-art-image,
.artist-artistOverview-sideBlock > div > section > div:nth-child(3) > section:nth-child(2) > div > img,
.artist-artistOverview-sideBlock
> div
> section
> div:nth-child(3)
> section:nth-child(2)
> div
> img,
.view-homeShortcutsGrid-image {
border-radius: 4px;
}
@ -281,7 +313,6 @@ highlights selected song contains multi-digit song numbers */
border-radius: 3px;
}
/* Home gradient */
.main-home-homeHeader {
background-color: rgba(var(--spice-rgb-button)) !important;
@ -296,12 +327,10 @@ highlights selected song contains multi-digit song numbers */
width: 70%;
}
.volume-bar {
flex: 0 150px;
}
.ellipsis-one-line.main-type-mesto {
font-size: 14px;
}