mirror of
https://github.com/morpheusthewhite/spicetify-themes.git
synced 2024-11-22 02:42:54 +01:00
chore(Glaze): remove theme (#1013)
This commit is contained in:
harbassan
GitHub
parent
8d5a81b69b
commit
6e942ec4b5
@ -1,21 +0,0 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2021 CharlieS1103
|
||||
|
||||
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.
|
||||
@ -1,21 +0,0 @@
|
||||
# Glaze
|
||||
|
||||
## Screenshots
|
||||
|
||||
### Base
|
||||
<img src="https://github.com/CharlieS1103/Glaze-theme/blob/main/screenshots/base.png" alt="img">
|
||||
|
||||
|
||||
### Dark
|
||||
<img src="https://github.com/CharlieS1103/Glaze-theme/blob/main/screenshots/dark.png" alt="img">
|
||||
|
||||
### Gray
|
||||
<img src="https://github.com/CharlieS1103/Glaze-theme/blob/main/screenshots/gray.png" alt="img">
|
||||
|
||||
## Important
|
||||
It may be necessary to enable sidebar config in order to make certain aspects of the theme.
|
||||
|
||||
##### To enable: `spicetify config sidebar_config 1`
|
||||
|
||||
## Author
|
||||
Made by: https://github.com/CharlieS1103
|
||||
@ -1,87 +0,0 @@
|
||||
[Base]
|
||||
;Green and black
|
||||
button = 1DB954
|
||||
notification = 171717
|
||||
playback-bar = 171717
|
||||
button-disabled = 171717
|
||||
shadow = 202020
|
||||
selected-row = 132e18
|
||||
sub-button = 080808
|
||||
main = 080808
|
||||
notification-error = 171717
|
||||
subtext = BDC1C6
|
||||
card = 080808
|
||||
sidebar = 080808
|
||||
button-active = 0b441f
|
||||
tab-active = 0b441f
|
||||
subbutton-text = 132e18
|
||||
text = 1DB954
|
||||
misc = 383145
|
||||
player = 080808
|
||||
button-text = BDC1C6
|
||||
|
||||
[Gray]
|
||||
; Gray colors
|
||||
text = EEEEEE
|
||||
subtext = EEEEEE
|
||||
button-text = EEEEEE
|
||||
main = 888888
|
||||
sidebar = 333333
|
||||
player = 171717
|
||||
subbutton-text = EEEEEE
|
||||
card = 888888
|
||||
shadow = EEEEEE
|
||||
selected-row = 888888
|
||||
sub-button = 888888
|
||||
button = eeeeee
|
||||
button-active = 171717
|
||||
button-disabled = 171717
|
||||
tab-active = 171717
|
||||
notification = 171717
|
||||
notification-error = 171717
|
||||
playback-bar = 171717
|
||||
misc = 171717
|
||||
|
||||
[Dark]
|
||||
;Grays and Blues
|
||||
button = 8AB4F8
|
||||
notification = b4b7b4
|
||||
playback-bar = b4b7b4
|
||||
button-disabled = b4b7b4
|
||||
shadow = 202020
|
||||
selected-row = 313235
|
||||
sub-button = 202124
|
||||
main = 202124
|
||||
notification-error = b4b7b4
|
||||
subtext = BDC1C6
|
||||
card = 202124
|
||||
sidebar = 202124
|
||||
button-active = 4285f4
|
||||
tab-active = 4285f4
|
||||
subbutton-text = 313235
|
||||
text = 8AB4F8
|
||||
misc = 383145
|
||||
player = 202124
|
||||
button-text = BDC1C6
|
||||
|
||||
; Description
|
||||
|
||||
; text = main text, playlist names in main field, name of playlist selected in sidebar, headings
|
||||
; subtext = text in main buttons in sidebar, playlist names in sidebar, artist names, and mini infos
|
||||
; button-text = text in main buttons in sidebar when active
|
||||
; main = main field or main bg
|
||||
; sidebar = sidebar bg
|
||||
; subbutton-text = text of buttons that use the text color or subtext color as a background
|
||||
; player = player bg
|
||||
; card = card bg
|
||||
; shadow = bg of buttons like account, pop-up lyrics, full app display in main field
|
||||
; selected-row = color of the song selected
|
||||
; sub-button = caption and details of playlist, download and options button
|
||||
; button = playlist buttons bg in sidebar, drop-down menus, now playing song, like button
|
||||
; button-active = hover on song selected
|
||||
; button-disabled = seekbar bg, volume bar bg, scrollbar
|
||||
; tab-active = button bg in main field (playlists, podcasts, artists, albums)
|
||||
; notification = notification ('Added to liked songs' etc.)
|
||||
; notification-error = error
|
||||
; playback-bar = seekbar fg, main play/pause button bg
|
||||
; misc = miscellaneous
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 887 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 940 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 880 KiB |
284
Glaze/user.css
284
Glaze/user.css
@ -1,284 +0,0 @@
|
||||
/* Glaze Theme*/
|
||||
#main{
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
background-color: var(--spice-main);
|
||||
}
|
||||
|
||||
|
||||
.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 22 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;
|
||||
}
|
||||
|
||||
/* Sidebar changes*/
|
||||
.main-yourEpisodesButton-yourEpisodesIcon {
|
||||
background: var(--spice-text);
|
||||
}
|
||||
.main-yourEpisodesButton-yourEpisodesIcon path {
|
||||
fill: var(--spice-player); opacity: 0.7;
|
||||
}
|
||||
.main-rootlist-rootlistDivider, .main-rootlist-rootlistDividerContainer{
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
.main-yourEpisodes-coverContainer{
|
||||
background-color: var(--spice-text);
|
||||
}
|
||||
|
||||
.collection-collectionEntityHeroCard-likedSongs {
|
||||
background: linear-gradient(
|
||||
149.46deg
|
||||
, var(--spice-sidebar), var(--spice-main) 99.16%) !important;
|
||||
}
|
||||
.main-likedSongsButton-likedSongsIcon {
|
||||
color: var(--spice-sidebar);
|
||||
}
|
||||
.main-likedSongsButton-likedSongsIcon {
|
||||
background: var(--spice-text);
|
||||
}
|
||||
|
||||
|
||||
#spicetify-show-list{
|
||||
width:90%;
|
||||
margin-right: 1px;
|
||||
position: relative !Important;
|
||||
top: -5px;
|
||||
z-index:20;
|
||||
}
|
||||
#spicetify-show-list > li{
|
||||
padding-bottom: 5px;
|
||||
width:110%;
|
||||
|
||||
}
|
||||
.main-navBar-navBarLinkActive{
|
||||
background-image: linear-gradient(90deg, var(--spice-sidebar), var(--spice-selected-row))
|
||||
}
|
||||
.main-navBar-navBarLink:hover{
|
||||
background-color: var(--spice-main);
|
||||
}
|
||||
.main-navBar-navBarLink{
|
||||
height:50px;
|
||||
border-top-right-radius: 50px;
|
||||
border-bottom-right-radius: 50px;
|
||||
}
|
||||
#spicetify-show-list > div.GlueDropTarget {
|
||||
display:table-cell;
|
||||
width:0px !important;
|
||||
padding: 0x !important;
|
||||
margin:0px !important;
|
||||
border-top: var(--spice-selected-row) solid 1px;
|
||||
border-bottom: var(--spice-selected-row) solid 1px;
|
||||
}
|
||||
#spicetify-show-list > div > a > span, #spicetify-show-list > div.GlueDropTarget.GlueDropTarget--albums.GlueDropTarget--tracks.GlueDropTarget--local-tracks.GlueDropTarget--episodes.personal-library > button > span{
|
||||
display: none;
|
||||
padding: 0px;
|
||||
margin:0px;
|
||||
}
|
||||
span.main-createPlaylistButton-text.standalone-ellipsis-one-line.main-type-mestoBold {
|
||||
display: none;
|
||||
}
|
||||
.main-coverSlotCollapsed-expandButton {
|
||||
display: none;
|
||||
}
|
||||
.main-createPlaylistButton-button, div.GlueDropTarget.personal-library >* {
|
||||
padding: 0px !important;
|
||||
|
||||
}
|
||||
|
||||
#spicetify-show-list > div.GlueDropTarget.GlueDropTarget--episodes.personal-library.podcast-item{
|
||||
padding-left: 25px !important;
|
||||
}
|
||||
.main-entityHeader-backgroundColor{
|
||||
background-color: var(--spice-selected-row);
|
||||
background-image: linear-gradient(0deg, var(--spice-main), transparent);
|
||||
}
|
||||
|
||||
.main-actionBarBackground-background {
|
||||
background-color: unset !important;
|
||||
background-image: unset !important;
|
||||
}
|
||||
|
||||
|
||||
#spicetify-show-list > div > a > div.main-collectionLinkButton-icon > div, .main-createPlaylistButton-createPlaylistIcon {
|
||||
width:30px;
|
||||
height:30px;
|
||||
background: var(--spice-text);
|
||||
color: var(--spice-sidebar)
|
||||
}
|
||||
.main-shuffleButton-button.pp1ooFGqFEUG5ucC6_KW, .main-repeatButton-button.yKo7LWUCQCEALszRxAaS {
|
||||
color: var(--spice-button);
|
||||
}
|
||||
.main-skipBackButton-button, .main-skipForwardButton-button{
|
||||
color: var(--spice-subtext);
|
||||
}
|
||||
|
||||
#spicetify-show-list > div:nth-child(9) {
|
||||
padding-right: 1100px;
|
||||
}
|
||||
#spicetify-show-list > div:nth-child(7) {
|
||||
padding-left: 20px;
|
||||
}
|
||||
#spicetify-show-list > div > a > div.main-collectionLinkButton-icon > div > svg, #spicetify-show-list > div.GlueDropTarget.GlueDropTarget--albums.GlueDropTarget--tracks.GlueDropTarget--local-tracks.GlueDropTarget--episodes.personal-library > button > div > div > svg,#spicetify-show-list > div.GlueDropTarget.GlueDropTarget--albums.GlueDropTarget--tracks.GlueDropTarget--local-tracks.GlueDropTarget--episodes > button > div > div > svg{
|
||||
width:20px !important;
|
||||
height:20px !important;
|
||||
}
|
||||
#spicetify-show-list > li:nth-child(3){
|
||||
border-bottom: var(--spice-selected-row) solid 1px;
|
||||
}
|
||||
.main-card-card {
|
||||
background: var(--spice-card);
|
||||
}
|
||||
.Z35BWOA10YGn5uc9YgAp {
|
||||
background-color: var(--spice-player) !important;
|
||||
}
|
||||
.main-card-card:hover{
|
||||
background: var(--spice-sidebar);
|
||||
}
|
||||
.main-home-homeHeader {
|
||||
background: unset !important;
|
||||
background-color:unset !important;
|
||||
}
|
||||
/* Playback bar and controls*/
|
||||
.main-nowPlayingBar-nowPlayingBar {
|
||||
width: 100%;
|
||||
bottom: -1%;
|
||||
position: absolute;
|
||||
left: 0.35%;
|
||||
background-color: var(--spice-player);
|
||||
z-index: 1;
|
||||
padding-left:0px;
|
||||
}
|
||||
.playback-bar{
|
||||
position:absolute;
|
||||
width:99%;
|
||||
top:5%;
|
||||
}
|
||||
.main-nowPlayingBar-left {
|
||||
order: 1;
|
||||
flex: 1;
|
||||
width: auto;
|
||||
min-width: 0 !important;
|
||||
}
|
||||
|
||||
.main-nowPlayingBar-center {
|
||||
order: 0;
|
||||
flex: 1;
|
||||
width: auto;
|
||||
min-width: unset !important;
|
||||
}
|
||||
|
||||
.main-nowPlayingBar-right {
|
||||
order: 2;
|
||||
flex: 1;
|
||||
width: auto;
|
||||
min-width: unset !important;
|
||||
}
|
||||
|
||||
.main-nowPlayingWidget-nowPlaying {
|
||||
justify-content: center;
|
||||
}
|
||||
.cover-art-image {
|
||||
border-radius: 7.5%;
|
||||
}
|
||||
|
||||
.main-trackInfo-container > div > div::before,
|
||||
.main-trackInfo-container > div > div::after {
|
||||
background: unset;
|
||||
}
|
||||
|
||||
.player-controls {
|
||||
justify-content: flex-start;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.main-playPauseButton-button {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.main-playPauseButton-button svg {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
color: var(--spice-button);
|
||||
}
|
||||
.main-playButton-PlayButton.main-playButton-primary{
|
||||
background-color:var(--spice-main);
|
||||
}
|
||||
.player-controls__left{
|
||||
flex:0;
|
||||
}
|
||||
.epWhU7hHGktzlO_dop6z{
|
||||
background-color: var(--spice-text);
|
||||
}
|
||||
.main-playPauseButton-button[disabled] {
|
||||
background-color: unset !important;
|
||||
}
|
||||
/*Hide things and general cleanup */
|
||||
nav.Root__nav-bar {
|
||||
min-width: 200px !important;
|
||||
max-width: 235px;
|
||||
border-right: 1px solid var(--spice-selected-row);
|
||||
background-color: var(--spice-sidebar);
|
||||
}
|
||||
.x-toggle-indicatorWrapper {
|
||||
background-color: var(--spice-button-disabled) !important;
|
||||
}
|
||||
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal {
|
||||
|
||||
display: none;
|
||||
}
|
||||
#main > div > div.Root__top-container > nav > div.main-navBar-navBar > div.main-rootlist-rootlist > div > div.os-host.os-host-foreign.os-theme-spotify.os-host-resize-disabled.main-rootlist-rootlistPlaylistsScrollNode.os-host-scrollbar-vertical-hidden.os-host-transition.os-host-overflow.os-host-overflow-x > div.os-padding > div > div {
|
||||
overflow: hidden;
|
||||
}
|
||||
.main-topBar-background{
|
||||
background-color:unset !important;
|
||||
width:110%;
|
||||
}
|
||||
.main-trackList-trackListHeader{
|
||||
position: unset !important;
|
||||
}
|
||||
div.main-cardImage-imageWrapper.main-cardImage-roundedCorners > div > div > svg > path {
|
||||
color: blue;
|
||||
background-color: blue;
|
||||
fill: var(--spice-sidebar);
|
||||
opacity: 0.7;
|
||||
}
|
||||
/* Block ads */
|
||||
.main-leaderboardComponent-container{
|
||||
display: none;
|
||||
}
|
||||
.desktoproutes-homepage-takeover-ad-hptoComponent-parentContainer{
|
||||
display: none !important;
|
||||
}
|
||||
.main-yourEpisodesButton-yourEpisodesIcon path {
|
||||
fill: var(--spice-sidebar);
|
||||
}
|
||||
.main-topBar-UpgradeButton{
|
||||
display:none !important;
|
||||
}
|
||||
/* Modal changes*/
|
||||
.main-trackCreditsModal-container {
|
||||
background-color:var(--spice-misc);
|
||||
}
|
||||
/*Notification Changes*/
|
||||
.main-notificationBubble-NotificationBubble {
|
||||
color: var(--spice-main) !important;
|
||||
}
|
||||
/* Fixes same color on button and button text in some scenarios(Especially on modals)*/
|
||||
.main-button-primary{
|
||||
color:var(--spice-subtext)
|
||||
}
|
||||
/* Fix progress bar displacement on playing on another device popup*/
|
||||
.main-connectBar-connectBar {
|
||||
overflow: visible !important;
|
||||
--triangle-position: 147px !important;
|
||||
align-items: unset !important;
|
||||
height: 0px !important;
|
||||
position: absolute !important;
|
||||
left: 80% !important;
|
||||
display: flex !important;
|
||||
bottom: 2% !important;
|
||||
padding: unset !important;
|
||||
|
||||
}
|
||||
14
THEMES.md
14
THEMES.md
@ -70,20 +70,6 @@ Here you can find a preview of all the themes. Some of them may have different c
|
||||
|
||||
|
||||
|
||||
## Glaze
|
||||
|
||||
### Base
|
||||
|
||||
<img src="https://github.com/CharlieS1103/Glaze-theme/blob/main/screenshots/base.png" alt="img" >
|
||||
|
||||
### Dark
|
||||
|
||||
<img src="https://github.com/CharlieS1103/Glaze-theme/blob/main/screenshots/dark.png" alt="img" >
|
||||
|
||||
### Gray
|
||||
|
||||
<img src="https://github.com/CharlieS1103/Glaze-theme/blob/main/screenshots/gray.png" alt="img" >
|
||||
|
||||
## Matte
|
||||
|
||||
#### Matte
|
||||
|
||||
Loading…
Reference in New Issue
Block a user