mirror of
https://github.com/morpheusthewhite/spicetify-themes.git
synced 2024-11-25 20:32:47 +01:00
Merge branch 'v2' of https://github.com/morpheusthewhite/spicetify-themes into v2
This commit is contained in:
commit
bb7e10939b
119
CONTRIBUTING.md
Normal file
119
CONTRIBUTING.md
Normal file
@ -0,0 +1,119 @@
|
||||
# Contributing guidelines
|
||||
|
||||
Here are the guidelines for contributing to this repository.
|
||||
|
||||
## Before contributing
|
||||
|
||||
For avoiding having too many similar themes with small changes, themes are merged only if they bring **sensitive** changes to default Spotify UI and are different from existing themes.
|
||||
|
||||
A theme name (as well as color scheme name) should consist of one word starting with an uppercase letter and shouldn't contain `spicetify` or any whitespace in it; if a "-" is present in the name it must be followed by an uppercase letter.
|
||||
|
||||
## How to contribute
|
||||
|
||||
If you want to add your theme:
|
||||
|
||||
* Fork this repository
|
||||
* Create another folder named after your theme name
|
||||
* Create `color.ini` and `user.css` files
|
||||
* Create a `README.md` in it with the following structure
|
||||
|
||||
```markdown
|
||||
# THEME_NAME
|
||||
|
||||
## Screenshots
|
||||
|
||||
[Put at least one image per color scheme here]
|
||||
|
||||
## More
|
||||
|
||||
[Specify any needed font; (optionally) author name and/or any other info about the theme]
|
||||
```
|
||||
* Add the theme preview to [THEMES.md](./THEMES.md) (themes are in alphabetical order) following this structure if it has only one color scheme
|
||||
|
||||
```markdown
|
||||
|
||||
## THEME_NAME
|
||||
|
||||
[A single image of the theme]
|
||||
```
|
||||
|
||||
If, instead, more than one color scheme is present
|
||||
|
||||
```markdown
|
||||
## THEME_NAME
|
||||
|
||||
#### COLOR_SCHEME1_NAME
|
||||
|
||||
[A single image of the theme using the color scheme]
|
||||
|
||||
#### COLOR_SCHEME2_NAME
|
||||
|
||||
[A single image of the theme using the color scheme]
|
||||
|
||||
...
|
||||
```
|
||||
* Commit only once, more details in the **Commit Message**
|
||||
* Open a Pull Request and mention the most important changes you've made to the UI (ignoring the color scheme)
|
||||
|
||||
**Thanks to all the contributors.**
|
||||
|
||||
## Commit Message
|
||||
|
||||
**NOTE: commit only once when you add a new theme or scheme (you can also commit again later, if you need to).**
|
||||
|
||||
### Format
|
||||
|
||||
<type>(<scope>): <subject>
|
||||
<BLANK LINE>
|
||||
<body>[optional]
|
||||
|
||||
**Any line of the commit message cannot be longer than 100 characters!**
|
||||
|
||||
* **type:** feat | fix | docs | chore
|
||||
* **feat:** A new theme | A new scheme | A new feature
|
||||
* **fix:** A bug fix
|
||||
* **docs:** Change the `README.md` of the theme | Change the `THEMES.md`
|
||||
* **chore:** Add more screenshots | Change the screentshots | Other things
|
||||
* **scope:** THEMES | `<ThemeName>`
|
||||
* THEMES is a fixed format: `docs(THEMES)`
|
||||
* In other cases, use the theme name
|
||||
* **subject:** What changes you have done
|
||||
* Use the imperative, present tense: "change" not "changed" nor "changes"
|
||||
* Don't capitalize first letter
|
||||
* No dot (.) at the end
|
||||
* **body**: More details of your changes, you can mention the most important changes here
|
||||
|
||||
### Example (Turntable theme)
|
||||
|
||||
* feat
|
||||
|
||||
```
|
||||
feat(Turntable): add Turntable theme
|
||||
```
|
||||
|
||||
|
||||
```
|
||||
feat(Turntable): control the rotation of the turntable
|
||||
|
||||
Rotate the turntable by playing state.
|
||||
```
|
||||
* fix
|
||||
|
||||
```
|
||||
fix(Turntable): show the cursor outside the context menu
|
||||
```
|
||||
* docs
|
||||
|
||||
```
|
||||
docs(Turntable): update README.md
|
||||
```
|
||||
|
||||
```
|
||||
docs(THEMES): add preview for the Turntable
|
||||
```
|
||||
* chore
|
||||
|
||||
```
|
||||
chore(Turntable): add screenshots of the Turntable
|
||||
```
|
||||
If you want to learn more, view the [Angular - Git Commit Guidelines](https://github.com/angular/angular.js/blob/master/DEVELOPERS.md#-git-commit-guidelines).
|
125
README.md
125
README.md
@ -24,132 +24,13 @@ Some themes have 2 or more different color schemes. You can switch between them,
|
||||
|
||||
## Contributions
|
||||
|
||||
### Before contributing
|
||||
|
||||
For avoiding having too many similar themes with small changes, themes are merged only if they bring **sensitive** changes to default Spotify UI and are different from existing themes.
|
||||
|
||||
A theme name (as well as color scheme name) should consist of one word starting with an uppercase letter and shouldn't contain `spicetify` or any whitespace in it; if a "-" is present in the name it must be followed by an uppercase letter.
|
||||
|
||||
### How to contribute
|
||||
|
||||
If you want to add your theme:
|
||||
|
||||
* Fork this repository
|
||||
* Create another folder named after your theme name
|
||||
* Create `color.ini` and `user.css` files
|
||||
* Create a `README.md` in it with the following structure
|
||||
|
||||
```markdown
|
||||
# THEME_NAME
|
||||
|
||||
## Screenshots
|
||||
|
||||
[Put at least one image per color scheme here]
|
||||
|
||||
## More
|
||||
|
||||
[Specify any needed font; (optionally) author name and/or any other info about the theme]
|
||||
```
|
||||
* Add the theme preview to [THEMES.md](./THEMES.md) (themes are in alphabetical order) following this structure if it has only one color scheme
|
||||
|
||||
```markdown
|
||||
|
||||
## THEME_NAME
|
||||
|
||||
[A single image of the theme]
|
||||
```
|
||||
|
||||
If, instead, more than one color scheme is present
|
||||
|
||||
```markdown
|
||||
## THEME_NAME
|
||||
|
||||
#### COLOR_SCHEME1_NAME
|
||||
|
||||
[A single image of the theme using the color scheme]
|
||||
|
||||
#### COLOR_SCHEME2_NAME
|
||||
|
||||
[A single image of the theme using the color scheme]
|
||||
|
||||
...
|
||||
```
|
||||
* Commit only once, more details in the **Commit Message**
|
||||
* Open a Pull Request and mention the most important changes you've made to the UI (ignoring the color scheme)
|
||||
|
||||
**Thanks to all the contributors.**
|
||||
|
||||
### Commit Message
|
||||
|
||||
**NOTE: commit only once when you add a new theme or scheme (you can also commit again later, if you need to).**
|
||||
|
||||
#### Format
|
||||
|
||||
```
|
||||
<type>(<scope>): <subject>
|
||||
<BLANK LINE>
|
||||
<body>[optional]
|
||||
```
|
||||
|
||||
**Any line of the commit message cannot be longer than 100 characters!**
|
||||
|
||||
* **type:** feat | fix | docs | chore
|
||||
* **feat:** A new theme | A new scheme | A new feature
|
||||
* **fix:** A bug fix
|
||||
* **docs:** Change the `README.md` of the theme | Change the `THEMES.md`
|
||||
* **chore:** Add more screenshots | Change the screentshots | Other things
|
||||
* **scope:** THEMES | `<ThemeName>`
|
||||
* THEMES is a fixed format: `docs(THEMES)`
|
||||
* In other cases, use the theme name
|
||||
* **subject:** What changes you have done
|
||||
* Use the imperative, present tense: "change" not "changed" nor "changes"
|
||||
* Don't capitalize first letter
|
||||
* No dot (.) at the end
|
||||
* **body**: More details of your changes, you can mention the most important changes here
|
||||
|
||||
#### Example (Turntable theme)
|
||||
|
||||
* feat
|
||||
|
||||
```
|
||||
feat(Turntable): add Turntable theme
|
||||
```
|
||||
|
||||
```
|
||||
feat(Turntable): control the rotation of the turntable
|
||||
|
||||
Rotate the turntable by playing state.
|
||||
```
|
||||
|
||||
* fix
|
||||
|
||||
```
|
||||
fix(Turntable): show the cursor outside the context menu
|
||||
```
|
||||
|
||||
* docs
|
||||
|
||||
```
|
||||
docs(Turntable): update README.md
|
||||
```
|
||||
|
||||
```
|
||||
docs(THEMES): add preview for the Turntable
|
||||
```
|
||||
|
||||
* chore
|
||||
|
||||
```
|
||||
chore(Turntable): add screenshots of the Turntable
|
||||
```
|
||||
|
||||
If you want to learn more, view the [Angular - Git Commit Guidelines](https://github.com/angular/angular.js/blob/master/DEVELOPERS.md#-git-commit-guidelines).
|
||||
We've set up a separate document for our [contribution guidelines](./CONTRIBUTING.md).
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
If you find problems when using or installing these themes, or you need help in modifying a theme use the [Spectrum](https://spectrum.chat/spicetify) chat.
|
||||
Do not open issues for general support questions as we want to keep GitHub issues for bug reports and feature requests. If you find problems when using or installing these themes, or you need help in modifying a theme use the [Spectrum](https://spectrum.chat/spicetify) chat.
|
||||
|
||||
For bugs and requesting new features use the GitHub issues.
|
||||
Use GitHub issues ONLY for bugs and requesting new features.
|
||||
|
||||
If you are unsure about which channel to use, go for Spectrum.
|
||||
|
||||
|
@ -11,6 +11,8 @@
|
||||
### Psycho
|
||||
![Psycho Screenshot](psycho.png)
|
||||
|
||||
### Deeper
|
||||
![Deeper Screenshot](deeper.png)
|
||||
## More
|
||||
|
||||
A simple and sleek theme that builds on the basic Spotify UI.
|
||||
|
@ -19,6 +19,27 @@ notification-error = 5e0000
|
||||
playback-bar = ff4700
|
||||
misc = adadad
|
||||
|
||||
[Deeper]
|
||||
; Light blue on Dark Background
|
||||
text = 4f9a87
|
||||
subtext = 4f9a87
|
||||
button-text = 4f9a87
|
||||
main = 040614
|
||||
sidebar = 0F111A
|
||||
player = 0F111A
|
||||
card = 0C1C19
|
||||
shadow = 0C1C19
|
||||
selected-row = 040614
|
||||
sub-button = 4f9a87
|
||||
button = 4f9a87
|
||||
button-active = 4a99e9
|
||||
button-disabled = 0C1C19
|
||||
tab-active = 0a1527
|
||||
notification = 051024
|
||||
notification-error = 051024
|
||||
playback-bar = 4f9a87
|
||||
misc = 0C1C19
|
||||
|
||||
[Deep]
|
||||
; White on dark blue background
|
||||
text = ffffff
|
||||
|
BIN
Sleek/deeper.png
Normal file
BIN
Sleek/deeper.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.8 MiB |
@ -43,6 +43,12 @@ Here you can find a preview of all the themes. Some of them may have different c
|
||||
|
||||
![Psycho Screenshot](Sleek/psycho.png)
|
||||
|
||||
#### Deeper
|
||||
|
||||
![Deeper Screenshot](Sleek/deeper.png)
|
||||
|
||||
## Turntable
|
||||
|
||||
https://user-images.githubusercontent.com/19476925/119483404-84223100-bd87-11eb-8dfa-5af9f7a2e925.mov
|
||||
|
||||
|
||||
|
@ -87,7 +87,7 @@
|
||||
.main-nowPlayingWidget-coverArt .cover-art-image {
|
||||
border: 2px solid #aaa;
|
||||
transform: scale(1.1);
|
||||
filter: drop-shadow(0 0 3px rgba(255, 255, 255, .2))
|
||||
box-shadow: 0 0 5px rgba(200, 200, 200, .4)
|
||||
}
|
||||
|
||||
/* expand & collapse button */
|
||||
|
Loading…
Reference in New Issue
Block a user