tablacus / TablacusExplorer

A tabbed file manager with Add-on support
https://tablacus.github.io/explorer_en.html
MIT License
953 stars 101 forks source link

Toolbar background color #754

Open Sibelius58 opened 3 months ago

Sibelius58 commented 3 months ago

Hello, is it possible to change the background color of a certain toolbar? In case, which would be the CSS code? Thanks

ccfs commented 3 months ago

Use "User style sheet" add-on. You can style a toolbar according to its position and/or the class of the position (refer to script\index.html). Example:

#ToolBar2Left { /* position */
    background-color: #8080ff;
}
.toolbar3 { /* class */
    background-color: #ffff80;
}

20240608_105306

Sibelius58 commented 3 months ago

Thank you very much.

The toolbar I wish to style is the inner one. Unfortunately I am not able to find it in the script\index.html. This means it cannot be styled?

ccfs commented 3 months ago

The ID of an inner bar is in the following format, where $ is a pane number:

Inner1Left_$
Inner1Right_$
InnerBottom2Left_$
InnerBottom2Right_$

Example:

#Inner1Left_1 {
    background-color: #8080ff;
}
#Inner1Left_2 {
    background-color: #ffff80;
}

image

Pane numbers may NOT correspond to the positions of panes.