komodorio / validkube

ValidKube combines the best open-source tools to help ensure Kubernetes YAML best practices, hygiene & security.

Home Page:https://validkube.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Add themes dark and light

nirsht opened this issue · comments

Does the theme need to be toggled ON/OFF ?.
I currently have a solution where it takes the system preference and sets the Dark or light mode.
IF the theme needs to be toggled ON and OFF , Please let me know where the button should be placed.
Attaching the light mode picture below.
validkubeLightMode_

This is how it looks on 1920*1080 (attached below). For dark mode I have not made anychanges and kept the dark mode to be the original color scheme of validkube.

validKubeLightMode1920x1080

If the Above solution works. Please let me know . I will create a PR.

commented

I think a toggle would make sense. Maybe three options: light/dark/system?

@stevenovak123 toggle can be great, the pics looks fine. I wish that the toggle button will be with icons (like sun and moon) and not just ON/OFF.

@stevenovak123 toggle can be great, the pics looks fine. I wish that the toggle button will be with icons (like sun and moon) and not just ON/OFF.

Alright I can do that and will submit a PR for it in a few days.

I think a toggle would make sense. Maybe three options: light/dark/system?

I am currently picking up the preference from the browser itself and making it light or dark. So having a system prefernce would not make sense to me. Will just turn it into a toggle for Light and Dark

I think a toggle would make sense. Maybe three options: light/dark/system?

I am currently picking up the preference from the browser itself and making it light or dark. So having a system prefernce would not make sense to me. Will just turn it into a toggle for Light and Dark

Sound good to use the browser itself. If any adjustments are needed in any component, feel free to change.