Skip to content

Anyway to customize the Wave interface? #636

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

Open
chlorine3545 opened this issue May 2, 2024 · 16 comments
Open

Anyway to customize the Wave interface? #636

chlorine3545 opened this issue May 2, 2024 · 16 comments
Labels
legacy Issue pertaining to WaveLegacy

Comments

@chlorine3545
Copy link

As the title suggests.

I've recently been introduced to Wave and have quickly fallen in love with it. It truly is a wonderful piece of work, and please allow me to express my sincere gratitude for the efforts put into developing and open sourcing it.

I'm curious if there's a possibility to customize the Wave interface, such as implementing command code highlighting and custom themes? I've come across some discussions regarding this, but I'm not sure if anyone has actually implemented these features yet.

Best regards!

@sawka
Copy link
Member

sawka commented May 2, 2024

Yes, we're adding custom themes -- specifically for the terminal interfaces, you'll be able to set custom colors, fonts, and backgrounds.

We don't have a way to customize command highlighting, but we're open to suggestions. One thought is to replace our cmdinput textarea with a small version of the Monaco editor (the VSCode editor) which will allow us more flexibility for auto-complete and code highlighting.

@esimkowitz
Copy link
Member

Yeah syntax highlighting would be super cool! Check out this issue: #585

@chlorine3545
Copy link
Author

Sounds great. Another personal suggestion: Zsh (Oh-my-Zsh, actually) could be integrated directly into the interface, which would allow the use of powerful Zsh plugins such as syntax highlighting and autosuggestion. (I'm not an expert in this area, so please forgive any foolish mistakes in my expression and suggestions).

@ylluminate
Copy link

@gonzolively
Copy link

HI @ylluminate , thanks for your feedback! We're working on adding more rich and customizable theming at the moment, I will add this to the list of possible themes to support!

@djdanielsson
Copy link

Oh-my-Zsh is great and there is also https://github.com/JanDeDobbeleer/oh-my-posh that might be worth looking at supporting.

@ylluminate
Copy link

OMZ is great for sure, but it's not the kind of customization I'm looking for in this particular situation. OMP (posh) is kinda cool, but it seems really bulky/slow from my experience. Perhaps it's just when using it with PowerShell . I also feel OMP lacks a lot of themes.

@esimkowitz esimkowitz added the legacy Issue pertaining to WaveLegacy label Sep 25, 2024
@DannyBen
Copy link

I am just starting with Wave, and found two places for colors:

  1. Right clicking the tab and choosing background
  2. Clicking the gear of a widget and choosing theme

None of these contain any option for a light theme. Is this indeed the case?

@esimkowitz
Copy link
Member

Correct, we don't yet support a proper light theme

@ed-code-dev
Copy link

well, then back to warp...

@esimkowitz
Copy link
Member

haha stay tuned, it's coming, we just have been working on stability recently so haven't gotten around to it

@amarBitMan
Copy link

@esimkowitz
I don't find the light theme in current list, how can I add it or is it not possible yet ??

@esimkowitz
Copy link
Member

@amarBitMan there isn't currently a light theme, however it should be somewhat straightforward to add, you can make another version of frontend/app/theme.scss with light mode values. That should get you a good part of the way there. Probably some hardcoded values though that will need to be refactored

@amarBitMan
Copy link

@amarBitMan there isn't currently a light theme, however it should be somewhat straightforward to add, you can make another version of frontend/app/theme.scss with light mode values. That should get you a good part of the way there. Probably some hardcoded values though that will need to be refactored

Could you please share any steps or examples on how to do this, if possible? I’m fairly new to Wave and still getting familiar with the setup process.

@esimkowitz
Copy link
Member

There are some basic background theme overrides specified in https://github.com/wavetermdev/waveterm/blob/main/pkg/wconfig/defaultconfig/presets.json but they're not a true light mode, i.e. text colors won't change. We don't have any steps or examples defined, I'm not super involved in this project anymore but if you put something together I'd be happy to review it

@BasicOneCruisider
Copy link

hi, here is my github, with full of theme , and some widget, Enjoy
https://github.com/BasicOneCruisider/wavetermwidgets

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

No branches or pull requests

10 participants