Custom CSS

Hello Anton,
Please is there a way to add custom CSS file in the root server to overwrite existing style without hacking the original CSS file?
Thank you in advance

If you want to customise style you should create your own extjs theme.

Just to customise somme actual CSS, not need to change all theme

You can always add a new css file to the web folder.

Please Anton, can you let me know how

Are you asking how to create a file? Any text editor can do it for you.

Of course I am not asking how I do to create a CSS file. What I am asking: The file should have a special name? In wich folder? How to call the file to load first before the original CSS?

Thank you in advance

Well, of course you need to add your file to HTML or JS loading script.

Hello Anton,
Unfortunately the methode don't do the trick! I tried to change backgound color of activated bell sound. I created a custom.css class. I put the file inside web folder

.x-btn.x-btn-menu-active.x-btn-default-toolbar-small, .x-btn.x-btn-pressed.x-btn-default-toolbar-small {
    border-color: #d2d2d2;
    background-image: none;
    background-color: #0cf115;
}

I called the file from load.js just befor the first called css line #160 with

addStyleFile('custom.css');

To overwrite the original css class

.x-btn.x-btn-menu-active.x-btn-default-toolbar-small, .x-btn.x-btn-pressed.x-btn-default-toolbar-small {
    border-color: #d2d2d2;
    background-image: none;
    background-color: #e2e2e2;
}

Any help
Thanks in advance

You probably need to add !important to your style attributes to make sure they are not overridden.

Hi,

I started to change the colors with the help of suggestions, however I'd like all popups header like this has been modified as suggested:

.x-panel-header-default-vertical {
    background-color: #292b2c !important;
}

And I'd like the device icon colors scheme like this:

online - green #5cb85c;
offline -red #d9534f;

this !important is an override in the css?

Hi,

Do you know what should I change in the css file modify the colors of all windows popups similar to what you've suggested with the toolbar recently,
I was experimenting with this:

.x-tab-bar-default {
    background-color: #292b2c  !important;
}