Custom CSS code for dashboards

[azulgrana]

Hi there!

I'm looking into adding some custom CSS code to personalize a bit my dashboard. Say that I have a custom dashboard, I want the panels to have rounded corners. I have tested this code w/ the Firefox inspector (see below) and it works great though I don't know how or where to add it to make it permanent on my dashboard.

.euiPanel.embPanel {
border-radius: 20px !important;
box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12) !important;
}

Any guidance you could provide?

TIA!

Azulgrana

[Dzmitry]

Hi @azulgrana

There is a community plugin that theoretically allows to apply custom CSS files to Kibana.

Since it is a pure community effort, I can only reference a link without any commitment and guarantees.

Regards, Dzmitry

[azulgrana]

Excellent, thanks @Dzmitry !