mirror of
https://github.com/morpheusthewhite/spicetify-themes.git
synced 2024-11-24 20:02:42 +01:00
UPDATE
- Updated the README.md. - Added manual pywal color support (kind of) check colors.ini to modify accordingly. - Fixed a few layout issues.
This commit is contained in:
okarin001
parent
3b680ad075
commit
23823a40d2
@ -1,26 +1,33 @@
|
||||
# Onepunch
|
||||
|
||||
## Screenshots
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 
|
||||
 -->
|
||||
|
||||
## More
|
||||
|
||||
#### About
|
||||
A simple gruvified spotify theme.
|
||||
|
||||
#### First Aid Kit ¯\\_(ツ)\_/¯
|
||||
A simple gruvified spotify theme.
|
||||
|
||||
- To change color schemes **`spicetify config color_scheme color_scheme_name`** (change the **`color_scheme_name`** to dark/light)
|
||||
- Tested on macOS only and pretty much everything worked. ﾍ(･_|
|
||||
#### First Aid Kit ¯\\\_(ツ)\_/¯
|
||||
|
||||
- **The screenshots here are from the old legacy UI.**
|
||||
- To change color schemes:
|
||||
```shell
|
||||
spicetify config color_scheme [wal/dark/light]
|
||||
```
|
||||
- Tested on macOS only and pretty much everything worked. ﾍ(･\_|
|
||||
|
||||
#### On my list
|
||||
- [x] Gruvified and updated to the new UI.
|
||||
- [x] Added **dark/light** mode.
|
||||
- [x] Almost everything looks fine
|
||||
- [x] Yeeted the idea of changing icons. 〜〜(／￣▽)／ 〜ф
|
||||
- [ ] Yet to fix some minor color mismatch.
|
||||
|
||||
- [x] Gruvified and updated to the new UI.
|
||||
- [x] Added **[wal/dark/light]** mode.
|
||||
- [ ] Almost everything looks fine
|
||||
|
||||
#### Contact
|
||||
Go **[here](https://github.com/okarin001/Onepunch/issues)** and _check/create_ an issue in case you face any probelm.
|
||||
|
||||
Go **[here](https://github.com/okarin001/Onepunch/issues)** and _check/create_ an issue in case you face any probelm.
|
||||
|
||||
@ -1,7 +1,39 @@
|
||||
[wal]
|
||||
; pywal colors
|
||||
; after using pywal(wal) replace the colors from
|
||||
; the pywal generated [colors.json] file.
|
||||
; color0: [main, sidebar, player, sec-player, shadow, card]
|
||||
; color1: [sec-card, button-knob]
|
||||
; color2: [subtext]
|
||||
; color3: [extratext, misc]
|
||||
; color4: [button-disabled, tab-active, notification ]
|
||||
; color6: [selected-row,button, button-active]
|
||||
; color7: [text]
|
||||
text = d5c4a1
|
||||
subtext = b8bb26
|
||||
extratext = fabd2f
|
||||
main = 1d2021
|
||||
sidebar = 1d2021
|
||||
player = 1d2021
|
||||
sec-player = 32302f
|
||||
card = 1d2021
|
||||
sec-card = fb4934
|
||||
shadow = 1d2021
|
||||
selected-row = d3869b
|
||||
button = 8ec07c
|
||||
button-active = 8ec07c
|
||||
button-disabled = 665c54
|
||||
button-knob = fe8019
|
||||
tab-active = fb4934
|
||||
notification = fb4934
|
||||
notification-error = e22134
|
||||
misc = 83a598
|
||||
|
||||
|
||||
[dark]
|
||||
; gruvbox dark mode
|
||||
text = d5c4a1
|
||||
subtext = fabd2f
|
||||
subtext = b8bb26
|
||||
extratext = d3869b
|
||||
main = 1d2021
|
||||
sidebar = 1d2021
|
||||
@ -15,8 +47,8 @@ button = 8ec07c
|
||||
button-active = 8ec07c
|
||||
button-disabled = 665c54
|
||||
button-knob = fe8019
|
||||
tab-active = b8bb26
|
||||
notification = b8bb26
|
||||
tab-active = fb4934
|
||||
notification = fb4934
|
||||
notification-error = e22134
|
||||
misc = 83a598
|
||||
|
||||
@ -37,7 +69,10 @@ button = 427b58
|
||||
button-active = 427b58
|
||||
button-disabled = bdae93
|
||||
button-knob = af3a03
|
||||
tab-active = 79740e
|
||||
notification = 79740e
|
||||
tab-active = 9d0006
|
||||
notification = 9d0006
|
||||
notification-error = e22134
|
||||
misc = 076678
|
||||
misc = 076678
|
||||
|
||||
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
.main-navBar-navBarLinkActive,
|
||||
.main-navBar-navBarLinkActive:focus,
|
||||
.logo {
|
||||
background-color: var(--spice-card) !important;
|
||||
background-color: var(--spice-sec-card) !important;
|
||||
color: var(--spice-main) !important;
|
||||
}
|
||||
|
||||
@ -18,7 +18,9 @@
|
||||
}
|
||||
|
||||
.main-collectionLinkButton-collectionLinkButton .main-collectionLinkButton-collectionLinkText,
|
||||
.main-createPlaylistButton-button {
|
||||
.main-createPlaylistButton-button,
|
||||
.main-rootlist-rootlistItemLink:link,
|
||||
.main-rootlist-rootlistItemLink:visited {
|
||||
color: var(--spice-text) !important;
|
||||
}
|
||||
|
||||
@ -51,7 +53,9 @@
|
||||
.main-entityHeader-overlay,
|
||||
.main-entityHeader-backgroundColor,
|
||||
.x-914-entityHeader-overlay,
|
||||
.x-914-actionBarBackground-background {
|
||||
.x-entityHeader-overlay,
|
||||
.x-914-actionBarBackground-background,
|
||||
.x-actionBarBackground-background {
|
||||
background-color: unset !important;
|
||||
background-image: unset !important;
|
||||
}
|
||||
@ -135,7 +139,7 @@ span.artist-artistVerifiedBadge-badge svg:nth-child(1) {
|
||||
|
||||
/* home screen edits */
|
||||
.view-homeShortcutsGrid-name {
|
||||
color: var(--spice-button);
|
||||
color: var(--spice-text);
|
||||
}
|
||||
|
||||
|
||||
@ -276,23 +280,31 @@ input {
|
||||
|
||||
.main-contextMenu-menu,
|
||||
.main-card-card:focus-within,
|
||||
|
||||
.main-deletePlaylistDialog-container {
|
||||
background-color: var(--spice-card) !important;
|
||||
}
|
||||
|
||||
.main-deletePlaylistDialog-secondaryButton {
|
||||
color: var(--spice-text) !important;
|
||||
}
|
||||
|
||||
.main-button-primary {
|
||||
background-color: var(--spice-sec-card) !important;
|
||||
color: var(--spice-card) !important;
|
||||
}
|
||||
|
||||
.main-deletePlaylistDialog-title {
|
||||
color: var(--spice-subtext) !important;
|
||||
}
|
||||
|
||||
.main-keyboardShortcutsHelpModal-container,
|
||||
.main-trackCreditsModal-container {
|
||||
background-color: var(--spice-main) !important;
|
||||
background-color: var(--spice-card) !important;
|
||||
color: var(--spice-text) !important;
|
||||
}
|
||||
|
||||
.main-keyboardShortcutsHelpModal-header,
|
||||
.main-trackCreditsModal-header {
|
||||
color: var(--spice-notification) !important;
|
||||
}
|
||||
|
||||
.main-trackCreditsModal-sectionTitle {
|
||||
color: var(--spice-subtext) !important;
|
||||
}
|
||||
|
||||
@ -302,7 +314,7 @@ input {
|
||||
|
||||
/* profile page edits */
|
||||
.main-cardImage-imageWrapper {
|
||||
background-color: var(--spice-sec-card) !important;
|
||||
background-color: var(--spice-card) !important;
|
||||
}
|
||||
|
||||
/* mini player edits */
|
||||
@ -330,40 +342,4 @@ input {
|
||||
.main-nowPlayingBar-container {
|
||||
background-color: var(--spice-sec-player) !important;
|
||||
border-top: unset !important;
|
||||
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
|
||||
i am unable to remove the small album cover when we expand the
|
||||
album art. So for now i am disabling these edits. If anyone wants
|
||||
to contribute to this feel free to add.
|
||||
|
||||
*/
|
||||
|
||||
|
||||
/* .main-nowPlayingBar-container {
|
||||
border-radius: 15px !important;
|
||||
} */
|
||||
/* .Root__now-playing-bar {
|
||||
position: fixed;
|
||||
bottom: 5px;
|
||||
left: 14%;
|
||||
width: 70%;
|
||||
background: none !important;
|
||||
} */
|
||||
|
||||
/* .main-coverSlotExpanded-container {
|
||||
height: auto;
|
||||
position: fixed;
|
||||
bottom: 70px;
|
||||
left: 14.5%;
|
||||
width: 17.85%;
|
||||
} */
|
||||
|
||||
/* .main-connectBar-connectBar {
|
||||
display: none;
|
||||
} */
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user