Light

therealpadster / shades-of-purple-spotify-theme Goto Github PK

1.0 3.0 1.0 696 KB

CSS 47.27% Less 52.73%

spotify spotify-theme spicetify spicetify-cli

shades-of-purple-spotify-theme's Introduction

Shades of Purple - Spotify theme

This theme was only for Spicetify v1, and no longer works in v2. I no longer have the time to maintain it, so will be archiving it. If you enjoy the theme and would update it to work with v2, feel free to contact me or make a fork.

Screenshots

Requirements

The theme needs spicetify in order to be installed.

Installation

Just run these commands on a terminal:

git clone https://github.com/theRealPadster/shades-of-purple-spotify-theme
mv shades-of-purple-spotify-theme ~/.config/spicetify/Themes/
spicetify config current_theme shades-of-purple-spotify-theme
spicetify apply

Development

Run spicetify watch to keep Spicetify updating when CSS files change
Run yarn watch to live convert less to css
Edit the less files in the src directory. _theme.less is the main entry point.

Credits

Colour scheme inspired by the Shades of Purple VSCode theme
Git repo and code starting point based on Arc-Dark Spotify Theme

shades-of-purple-spotify-theme's People

Contributors

Stargazers

Watchers

Forkers

theofrgs

shades-of-purple-spotify-theme's Issues

Use better colour for selected row

It's scrollbar_fg_and_selected_row_bg in config.ini
Should be a bit lighter than the hover colour.

Make profile menu consistent with context menu

For some reason the styling of the profile dropdown menu is different than the right-click menu.

It looks like it dynamically fills a #profile-menu-container div when you click the button, and I can't seem to inspect the DOM while it's filled, because it empties when you click off the window. 🤔

Profile menu:

Context menu:

Style 'learn more' button

Current:

Maybe make it more like this one?

Or like the VSCode theme?
Normal:

Hover:

Reference:

Maybe try using yellow instead?

Style search entry

Current:

Desired:

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.