KoolReport's Forum

Official Support Area, Q&As, Discussions, Suggestions and Bug reports.
Forum's Guidelines

How to change dashboard main theme color? #1882

Open Eugene opened this topic on on Jan 30, 2021 - 6 comments

Eugene commented on Jan 30, 2021

Hi,

what is the correct way for the subj?

And why does this part of the interface look a bit strange

KoolReport commented on Jan 30, 2021

To change color of theme, you simply adding custom css. Create your own css file and then use:

App::create()
->css("/url/to/your/file.css")
...
->run();

So you can add some css rule to overwrite the header bar color.

For second issue, it is not a bug, rather it is the alternative text when image is not shown. Since that image supposes to be avatar but image url is not correct so you see the name there. To solve that issue, you provide a general user image.

Eugene commented on Jan 30, 2021

I meant not the text but strange lines around it

KoolReport commented on Jan 30, 2021

That is the css style of the <img>, just provide the correct url for avatar, it will be solved.

Eugene commented on Jan 30, 2021

>> To change color of theme, you simply adding custom css. Create your own css file and then use:

Do you have the list of selectors or do I need to research the html code of the page?

KoolReport commented on Jan 30, 2021

Yes, you can use inspector tool of browser, for example, you can set header like this:

header {
    background-color:red !important;
}
Eugene commented on Jan 30, 2021

Sure I can :-) but It looks like a lack of documentation IMHO.

Build Your Excellent Data Report

Let KoolReport help you to make great reports. It's free & open-source released under MIT license.

Download KoolReport View demo
help needed

Dashboard