diff --git a/Glaze/LICENSE b/Glaze/LICENSE deleted file mode 100644 index 26c9e9b..0000000 --- a/Glaze/LICENSE +++ /dev/null @@ -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. diff --git a/Glaze/README.md b/Glaze/README.md deleted file mode 100644 index dff021b..0000000 --- a/Glaze/README.md +++ /dev/null @@ -1,21 +0,0 @@ -# Glaze - -## Screenshots - -### Base -img - - -### Dark -img - -### Gray -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 diff --git a/Glaze/color.ini b/Glaze/color.ini deleted file mode 100644 index e5a5450..0000000 --- a/Glaze/color.ini +++ /dev/null @@ -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 \ No newline at end of file diff --git a/Glaze/screenshots/base.png b/Glaze/screenshots/base.png deleted file mode 100644 index 1f0fcea..0000000 Binary files a/Glaze/screenshots/base.png and /dev/null differ diff --git a/Glaze/screenshots/dark.png b/Glaze/screenshots/dark.png deleted file mode 100644 index b9c9137..0000000 Binary files a/Glaze/screenshots/dark.png and /dev/null differ diff --git a/Glaze/screenshots/gray.png b/Glaze/screenshots/gray.png deleted file mode 100644 index a3d9b07..0000000 Binary files a/Glaze/screenshots/gray.png and /dev/null differ diff --git a/Glaze/user.css b/Glaze/user.css deleted file mode 100644 index 43c69a3..0000000 --- a/Glaze/user.css +++ /dev/null @@ -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; - -} diff --git a/THEMES.md b/THEMES.md index a14d603..1efe430 100644 --- a/THEMES.md +++ b/THEMES.md @@ -70,20 +70,6 @@ Here you can find a preview of all the themes. Some of them may have different c ![samourai](Dribbblish/samourai.png) -## Glaze - -### Base - -img - -### Dark - -img - -### Gray - -img - ## Matte #### Matte