Colour scheme override GUI

[coderzawad]

So i am a huge fan of catpuccin mocha and tokyongiht colour scheme.
And my entire setup is based on tokyo-night theme.

So i'd really love to have the option to change my colour-scheme.
There should be few presets like tokyo night, catpuccin all flavours.

There is theme option but it doesn't really changes the colours it just changes the appearence abit and just the foreground and few text colours so i'd love to see colour schemees.

[Jean-Tinland]

I'm not sure what you would like to change more than the existing themes are already doing.

I may not understand what you are asking, but have you tried to apply some custom CSS on top of your selected theme as explained here?

In short, if you paste this in your custom CSS tab in settings, you'll be able to override every color used in simple-bar:

:root {
  --main: #1b222d;
  --main-alt: #98a8c5;
  --minor: #39465e;
  --accent: var(--yellow);
  --red: #e78482;
  --green: #8fc8BB;
  --yellow: #ffd484;
  --orange: #ffb374;
  --blue: #6db3cE;
  --magenta: #ad82cB;
  --cyan: #7eddde;
  --black: #1b222d;
  --white: #fff;
  --foreground: var(--white);
  --background: var(--main);
  --transparent-dark: rgba(0, 0, 0, 0.05);
  --font: "JetBrains Mono", Monaco, Menlo, monospace;
  --font-size: 11px;
  --bar-height: 34px;
  --bar-radius: 6px;
  --bar-border: 0px solid transparent;
  --bar-inner-margin: 3px;
  --item-max-width: 160px;
  --item-radius: 5px;
  --item-inner-margin: 3px 7px;
  --item-outer-margin: 0 0 0 5px;
  --hover-ring: 0 0 0 2px rgba(255, 255, 255, 0.75);
  --focus-ring: 0 0 0 2px rgb(255, 255, 255);
  --light-shadow:0 5px 10px rgba(0, 0, 0, 0.24);
  --foreground-shadow: 0 0 0 1px var(--foreground);
  --transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --click-effect: rgba(255, 255, 255, 0.3);
}

[coderzawad]

@Jean-Tinland You're right but everyone doesn't know to use CSS or they just want to use their fav colour scheme so i thought there should be a tab dedicated to like presets of colour schemes. and for themes i dont feel like they change anything more than just abit slight border radius and colours sorry if i am mistaken.

[Jean-Tinland]

Oh, I see. Thanks for bringing more context. :)

Indeed, the CSS way shouldn't be forced on the user! You are thinking of an interface like iTerm2, for example?

Of course there would be fewer options, but it would allow the user to override the selected theme colors!

[coderzawad]

@Jean-Tinland Exactly! I'd love to see this being implemented. :) thanks for your quick response.

[coderzawad]

@Jean-Tinland I have changed my colour scheme to match my theme and the sync between my wallpaper terminal and simple-bar looks amazing! cant wait to see a gui for it.

Here are the results.

[Jean-Tinland]

That's a really nice setup! I'm glad you managed to set your specific colors!

I have some features to build before this color scheme override GUI but it is now in my roadmap!

[coderzawad]

@Jean-Tinland Amazing! Every repo needs an owner like you :)