Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add configurable theme #40

Merged
merged 2 commits into from
Mar 22, 2019
Merged

Add configurable theme #40

merged 2 commits into from
Mar 22, 2019

Conversation

KoffeinFlummi
Copy link
Contributor

Adds the ability to change the theme via the config file. I mostly avoided using Cursive's ColorStyle presets because they're a bit inflexible (for example highlight() forces you to use a highlight color that is sufficiently different from the background color, since that's used as the foreground), but I tried to use the existing PaletteColor enum for compatibility. For some of the more specific UI elements (error, status bar, etc.) I added custom colors.

New default (fairly close to old default):

A style closer to the official Spotify client:

[theme]
background = "black"
primary = "light white"
secondary = "light black"
title = "green"
playing = "green"
playing_bg = "black"
highlight = "light white"
highlight_bg = "#484848"
error = "light white"
error_bg = "red"
statusbar = "black"
statusbar_progress = "green"
statusbar_bg = "green"
cmdline = "light white"
cmdline_bg = "black"

You can even use a light theme if you're a freak:

[theme]
background = "light white"
primary = "black"
secondary = "blue"
title = "red"
playing = "blue"
playing_bg = "light white"
highlight = "black"
highlight_bg = "light blue"
error = "light white"
error_bg = "red"
statusbar_progress = "blue"
statusbar = "black"
statusbar_bg = "light white"
cmdline = "black"
cmdline_bg = "light white"

@hrkfdn hrkfdn merged commit 69b79f5 into hrkfdn:develop Mar 22, 2019
@hrkfdn
Copy link
Owner

hrkfdn commented Mar 22, 2019

Great work, thanks! I'm actually digging the Spotify theme a lot! 😄

@ghost
Copy link

ghost commented Mar 25, 2020

The spotify theme is great (should be the default in my humble opinion) - btw, is there a config option for changing fontsize or is that not possible?

@jhilker98
Copy link

probably a dumb question, but I like that topmost theme (with the blue) - does anyone have that config?

@BachoSeven
Copy link

@terndrup That is probably best handled by you terminal emulator, for example with st you could create an alias and launch ncspot with a different font size.

@jacobhilker1 That should be the default atm. If you see slight differences in colours, it might be due to your xresources configuration (maybe?). For example, this is the default on my install:
image

@jhilker98
Copy link

@jacobhilker1 That should be the default atm. If you see slight differences in colours, it might be due to your xresources configuration (maybe?). For example, this is the default on my install:

Oh, yeah, i think it might be due to my Pywal color scheme. thanks!

@AndydeCleyre
Copy link

Can we get a full list of valid word-y (not hex-y) values?

@pfr-dev
Copy link

pfr-dev commented Aug 17, 2020

@BachoSeven

image

Can you share you config file please. Mine looks to be busted!

08-17-2020-18-55.png

@BachoSeven
Copy link

Uhm there is probably some kind of problem with nerd fonts, make sure you have them turned off (use_nerdfont=false). Anyways, you can find my configuration here. I have custom gruvbox and solarized colorschemes, as well as some custom keybindings.

@pfr-dev
Copy link

pfr-dev commented Sep 17, 2020

Is there any way to list the Album in the queue ie. [ Artist - Album - Track ]
If I'm listening to multiple albums by the same Artist it's impossible to know which tracks are from which album.

EDIT: Will open a new issue.

@co01l3r
Copy link

co01l3r commented Jan 8, 2021

thanks, great work. However I'm experiencing a weird mindfuck mobile issue somehow Spotify allows me to play from one account on multiple devices at the same time while using this TUI as one of them, I got my phone connected via KDE so it's not really an issue for me but I'm curious how is it possible?

@Bettehem
Copy link
Contributor

Bettehem commented Jan 9, 2021

thanks, great work. However I'm experiencing a weird mindfuck mobile issue somehow Spotify allows me to play from one account on multiple devices at the same time while using this TUI as one of them, I got my phone connected via KDE so it's not really an issue for me but I'm curious how is it possible?

This is a fault/feature of the way the Spotify connection is implemented, see #83.
I find this to be a useful feature because I can have multiple instances playing different songs simultaneously!

@dbasinge
Copy link

First pass at a Dracula based theme for ncspot

[theme]
background = "black"
primary = "#F8F8F2"
secondary = "light black"
title = "#bd93f9"
playing = "#bd93f9"
playing_selected = "#D0B3FA"
playing_bg = "black"
highlight = "#f8f8f2"
highlight_bg = "#484848"
error = "#f8f8f2"
error_bg = "#ff5555"
statusbar = "black"
statusbar_progress = "#bd93f9"
statusbar_bg = "#bd93f9"
cmdline = "#f8f8f2"
cmdline_bg = "black"
search_match = "#ff79c6"

@Dajonaga
Copy link

A Gruvbox-Spotify-ish inspired
ncspot-gurvboxish

[theme]
background = "#282828"
primary = "#fbf1c7"
secondary = "#584945"
title = "#d65d0e"
playing = "#98971a"
playing_selected = "#689d6a"
playing_bg = "#282828"
highlight = "#fbf1c7"
highlight_bg = "#928374"
error = "#fbf1c7"
error_bg = "#cc241d"
statusbar = "#1d2021"
statusbar_progress = "#b8bb26"
statusbar_bg = "#98971a"
cmdline = "#fbf1c7"
cmdline_bg = "#1d2021"
search_match = "#fb4934"

@Dajonaga
Copy link

Dajonaga commented Apr 26, 2021

My take on Gruvbox dark

2021-04-26-18-48

# Gruvbox dark by Dajonaga [ background = "default" to enjoy terminal transparency ]
[theme]
#background = "#282828"
background = "default"
primary = "#EBDBB2"
secondary = "#D5C4A1"
title = "#D65D0E"
playing = "#B16286"
playing_selected = "#458588"
playing_bg = "#1D2021"
highlight = "#D79921"
highlight_bg = "#1D2021"
error = "#FBF1C7"
error_bg = "#CC241D"
statusbar = "#282828"
statusbar_progress = "#689D6A"
statusbar_bg = "#98971A"
cmdline = "#1D2021"
cmdline_bg = "#FE8019"
search_match = "#fabd2f"

@pfr-dev
Copy link

pfr-dev commented May 7, 2021

Q:

Is it possible to get highlight_bg to fadeout after say, 10 seconds? Purely an aesthetic choice, but would be nice for it to fade out to match background and perhaps you could set the timeout in the config... highlight_bg_fadeout ?

EDIT:

I've created a separate request here

@eltoncezar
Copy link

I didn't quite like the suggested Spotify theme colors, so a changed them to ones closer to the real stuff.

image

[theme]
background = "#191414"
primary = "#FFFFFF"
secondary = "light black"
title = "#1DB954"
playing = "#1DB954"
playing_selected = "#1ED760"
playing_bg = "#191414"
highlight = "#FFFFFF"
highlight_bg = "#484848"
error = "#FFFFFF"
error_bg = "red"
statusbar = "#191414"
statusbar_progress = "#1DB954"
statusbar_bg = "#1DB954"
cmdline = "#FFFFFF"
cmdline_bg = "#191414"
search_match = "light red"

@rmanl
Copy link

rmanl commented Apr 24, 2022

Nord Theme inspired
1650824000.png

I use it with a transparent background
1650825893.png

[theme]
background = "default"
#background = "#2E3440"
primary = "#D8DEE9"
secondary = "#4C566A"
title = "#EBCB8B"
playing = "#2E3440"
playing_selected = "#FF6060"
playing_bg = "#88C0D0"
highlight = "#88C0D0"
highlight_bg = "#4C566A"
error = "#ECEFF4"
error_bg = "#BF616A"
statusbar = "#2E3440"
statusbar_progress = "#A3BE8C"
statusbar_bg = "#8FBCBB"
cmdline = "#D8DEE9"
cmdline_bg = "#2E3440"
search_match = "#B48EAD"

@hrkfdn
Copy link
Owner

hrkfdn commented Apr 24, 2022

So many cool themes, maybe they should be collected in a more accessible manner, i.e. .md file in repository or similar

@BachoSeven
Copy link

@hrkfdn One possibility for that would be to activate the Wiki page for this repo, what do you think about it?

@hrkfdn
Copy link
Owner

hrkfdn commented Apr 25, 2022

@BachoSeven Sure, we can give it a try. I'll enable public access.

@rmanl
Copy link

rmanl commented Oct 14, 2022

made a Tokyonight rice so here's my first attempt at ncspot Tokyonight

[theme]
background = "default"
#background = "#24283b"
primary = "#c0caf5"
secondary = "#1a1b26"
title = "#e0af68"
playing = "#7dcfff"
playing_selected = "#73daca"
playing_bg = "#1a1b26"
highlight = "#73daca"
highlight_bg = "#1a1b26"
error = "#c0caf5"
error_bg = "#f7768e"
statusbar = "#24283b"
statusbar_progress = "#73daca"
statusbar_bg = "#7dcfff"

cmdline_bg = "#24283b"
search_match = "#bb9af7"

@T7a9
Copy link

T7a9 commented Dec 30, 2022

My take on Catppuccin

[theme]
background = "default"
primary = "#cdd6f4" 
secondary = "bac2de" 
title = "#cba6f7"
playing = "#cba6f7" 
playing_selected = "#000000" 
playing_bg = "default"
highlight = "#000000" 
highlight_bg = "#a6e3a1" 
error = "black"
error_bg = "#f38ba8"
statusbar = "#191414"
statusbar_progress = "#cba6f7"
statusbar_bg = "#cba6f7"
cmdline = "#cdd6f4"
cmdline_bg = "#191414"
search_match = "#f38ba8"

@T7a9
Copy link

T7a9 commented Feb 9, 2023

Also made a monochrome with a little bit of red theme (I have tried gray instead of red, but it didn't look as good as I wanted):

[theme]
background = "#000000" 
primary = "#FFFFFF" 
secondary = "#FFFFFF" 
title = "#FFFFFF" 
playing = "red" 
playing_selected = "red" 
playing_bg = "#000000" 
highlight = "#000000" 
highlight_bg = "#FFFFFF" 
error = "#FFFFFF"
error_bg = "light red"
statusbar = "#000000" 
statusbar_progress = "#FFFFFF" 
statusbar_bg = "#FFFFFF"
cmdline = "#FFFFFF"
cmdline_bg = "#000000" 
search_match = "light red"

@diofanto33
Copy link

Just a variation of gruvbox dark

2023-04-29-16-29-30-screenshot.png

[theme]  
background = "#1D2021"
primary = "#D65D0E"
secondary = "#8F3F71"
title = "#9D0006"
playing = "#076678"
playing_selected = "#8F3F71"
playing_bg = "#1D2021"
highlight = "#9D0006"
highlight_bg = "#B8BB26"
error = "#FFFFFF"
error_bg = "#9D0006"
statusbar = "#1D2021"
statusbar_progress = "#9D0006"
statusbar_bg = "#8F3F71"
cmdline = "#8EC07C"
cmdline_bg = "#1D2021"
search_match = "#D65D0E"

@Ladniy
Copy link

Ladniy commented May 14, 2023

Really like onehalf theme, so made my own implementation

image

[theme]
background = "#282C34"
primary = "#ABB2BF"
secondary = "#5C6370"
title = "#98C379"
playing = "61AFF0"
playing_selected = "61AFF0"
playing_bg = "#282C34"
highlight = "#98C379"
highlight_bg = "#5C6370"
error = "#282C34"
error_bg = "#E06C75"
statusbar = "#282C34"
statusbar_progress = "#98C379"
statusbar_bg = "#98C379"
cmdline = "#282C34"
cmdline_bg = "#E5C07B"
search_match = "#E06C75"

@ricmonmol
Copy link

ricmonmol commented May 28, 2023

I made this based on PaperColor dark theme:

[theme]
background = "#181818"
primary = "#F1F1F1"
secondary = "#DCDCDC"
title = "#FFAF00"
playing = "#D7875F"
playing_selected = "#AFD700"
playing_bg = "#181818"
highlight = "#F1F1F1"
highlight_bg = "#00AFAF"
error = "#EEEEEE"
error_bg = "#AF0000"
statusbar = "#AFD700"
statusbar_progress = "#FF5FAF"
statusbar_bg = "#5F8787"
cmdline = "#1C1C1C"
cmdline_bg = "#5F8787"

Captura de pantalla_2023-05-28_11-30-59

@wojciech-zurek
Copy link

Tokyo Night Theme
obraz

More info -> https://github.com/wojciech-zurek/ncspot-tokyo-night-theme

@Asfhen
Copy link

Asfhen commented Jun 7, 2023

I really like the lavender catpuccin theme so I made my take on it.
2023-06-07T09:17:40,522185201-03:00

[theme]
background = "#24273A"
primary = "#C6A0F6"
secondary = "#B7BDF8"
title = "#C6A0F6"
playing = "#C6A0F6"
playing_selected = "#181926"
playing_bg = "#1E2030"
highlight = "#C6A0F6"
highlight_bg = "#6E738D"
error = "#B8C0E0"
error_bg = "#181926"
statusbar = "#181926"
statusbar_progress = "#C6A0F6"
statusbar_bg = "#C6A0F6"
cmdline = "#B8C0E0"
cmdline_bg = "#181926"

@indisukka
Copy link

indisukka commented Jan 13, 2024

This is the tomorrow dark theme i use.
Screenshot 2024-01-13 at 18-20-21 ncspot theme generator

[theme]
background = "#1D1F21"
primary = "#C5C8C6"
secondary = "#C5C8C6"
title = "#B5BD68"
playing = "#B5BD68"
playing_selected = "#81A2BE"
playing_bg = "#1D1F21"
highlight = "#1D1F21"
highlight_bg = "#B5BD68"
error = "#1D1F21"
error_bg = "#CC6666"
statusbar = "#1D1F21"
statusbar_progress = "#81A2BE"
statusbar_bg = "#81A2BE"
cmdline = "#70C0BA"
cmdline_bg = "#1D1F21"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet