Light Theme - BGCOLOR changes light_theme.style.css

Dear Team,

I have changed .form-control{} class background color to yellow , but after changing this also am not able to see background color change in Kibana.
Could you please help me , how to change the background color in light theme.

Thanks
S.Jeeva

Hello,

Kibana packages up files into the root level /optimize directory before serving them to the browser. If your server isn't running in development mode, or the files in the optimize directory aren't updated, then your changes won't be visible.

https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#development-environment-setup is a good resource for getting a dev environment setup.

If you have downloaded a packaged version of Kibana (off https://www.elastic.co/downloads/kibana for example) and want to make a quick change without setting up a dev environment, deleting the contents of the optimize folder will cause the server to rebundle everything when it next starts and changes should be visible.

Hope this helps

Thanks
Rashmi

Hi Rashmi,

After i deleted contents from optimize folder and restarted Elasticsearch and Kibana , but i could not see the background color change in Kibana dashboard.
Do i need to change any other css files to make Kibana background color to yellow color.

Thanks
S.Jeeva

You could also potentially just find the index.html file, add a custom css file of your choosing and do all of your overrides there.

Thanks
Rashmi

Hi Rashmi,

Is that possible to create new theme like "light color and Dark" , i want to create 'Corporate" theme and i want to apply this custom theme to only one customers.
How to deploy my new 'Corporate' theme in Kibana and it should be visible in Kibana - Advanced Settings page.

Can you guide me to attain this requirement.

Thanks
S.Jeeva

For your requirement you could pretty much use our most used feature which is Kibana- spaces.
Spaces allows you to organize your dashboards, visualizations, and other saved objects into meaningful categories. Each space is independent, so objects that exist in one space don’t clutter other spaces.Rather than modifying colors in the background- this approach will give you more flexibility. And in you still want to have the color changes modifying CSS and rebuilding the packages is the only option.
check this out : https://www.elastic.co/blog/introducing-kibana-spaces-for-organization-and-security

Thanks Rashmi, Spaces didn't resolved my requirements.
I have one more doubt , is there any option to change visualizations background color changes.

Thanks
S.Jeeva

There are many discuss posts around this if you look. ( they are old, but the steps may be same, you may want to check that - posting couple links here:)


hope it helps
Rashmi