Skip to content

Commit

Permalink
v0.2.2
Browse files Browse the repository at this point in the history
- user.css
    - Artist's "About" background image removed
- Created a TODO.md with a list of things to do
- Updated README.md
    - Added shields (version, spicetify version and issues)
    - Information on how to install and uninstall the theme
  • Loading branch information
RasseTheBoy committed Jan 29, 2025
1 parent 07311cc commit 6b5a0d2
Show file tree
Hide file tree
Showing 3 changed files with 77 additions and 3 deletions.
60 changes: 59 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# Amoledify for Spicetify
# Amoledify

## Screenshots

Expand All @@ -16,6 +16,64 @@

## More

[![GitHub release (latest by date)](https://img.shields.io/github/v/release/RasseTheBoy/Amoledify)](https://github.com/RasseTheBoy/Amoledify/releases/latest)
![GitHub Release](https://img.shields.io/github/v/release/spicetify/cli?label=Spicetify%20version&color=97c50f&link=https%3A%2F%2Fgithub.com%2Fspicetify%2Fcli%2Freleases%2Flatest)
[![GitHub issues](https://img.shields.io/github/issues/RasseTheBoy/Amoledify)](https://github.com/RasseTheBoy/Amoledify/issues)

### About Amoledify

Minimalistic theme for Spicetify with amoled colors.

Also removes clutter and makes the UI more compact. (May remove something you like, so be sure to check the code and modify it to your liking)

### Information

Designed and developed by [**Rasmus Ohert**](https://github.com/RasseTheBoy)

### Manual install

#### Linux and MacOS

```bash
cd "$(dirname "$(spicetify -c)")/Themes"
git clone https://github.com/RasseTheBoy/Amoledify.git
spicetify config current_theme Amoledify
spicetify config inject_css 1 replace_colors 1
spicetify apply
```

### Patch

From Spotify > v1.1.62, in sidebar, they use an adaptive render mechanic to actively show and hide items on scroll. It helps reducing number of items to render, hence there is significant performance boost if you have a large playlists collection. But the drawbacks is that item height is hard-coded, it messes up user interaction when we explicity change, in CSS, playlist item height bigger than original value.

Find your Spicetify config directory by running:

```bash
spicetify config-dir
```

Then open `config.ini` and add these 2 lines:

```ini
[Patch]
xpui.js_find_8008 = ,(\w+=)32,
xpui.js_repl_8008 = ,${1}56,
```

### Uninstall

#### Change back to default theme

```bash
# -Change back to default theme-
spicetify config current_theme Marketplace
spicetify apply

# -Remove Amoledify-

## Linux and MacOS
rm -r "$(dirname "$(spicetify -c)")/Themes/Amoledify"

## Windows
rmdir /s /q "%userprofile%\.spicetify\Themes\Amoledify"
```
11 changes: 11 additions & 0 deletions TOOD.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
# TODO

- [README.md](README.md)
- [ ] Add installation instructions for Windows
- [ ] Instructions for custom colors (custom spicetify snippet like in the text theme)
- [THEME.md](THEME.md)
- [ ] Finnish the template
- [user.css](user.css)
- [ ] Add better commments to each section
- Github
- [ ] Add to the Spicetify theme list
9 changes: 7 additions & 2 deletions user.css
Original file line number Diff line number Diff line change
Expand Up @@ -187,16 +187,21 @@ p.npv-lyrics__text.npv-lyrics__text--credits {

/* ---Artist--- */

/* Hide creator top bar*/
/* Top bar*/
.main-topBar-topbarContent.main-entityHeader-topbarContent.main-entityHeader-topbarContentFadeIn {
display: none;
}

/* Artist's popular song background gradient */
/* Popular song background gradient */
.Bdcf5g__Rug3TGqSdbiy {
--background-base-70: rgba(0,0,0,0) !important;
}

/* "About" image*/
.jW4eWdr_LUeOXwPpKhWG.DRXonbAbVN5Vg9anDL1X {
background-image: linear-gradient(var(--spice-main), var(--spice-main)) !important;
}


/* Podcasts */

Expand Down

0 comments on commit 6b5a0d2

Please sign in to comment.