Using Themes in iD

[erkinsergey]

I read issue More accessible colors #4270 , but did not understand, whether there are themes for iD.

I want to change the design styles for all my internal users.I mean styles for panels, lists, buttons, etc.The stylish extension plugin does not suit me.

I build from source codes and can add and change everything. What I need to change to slightly change the style of the editor?

[quincylvania]

Since you are building iD yourself, you can edit the styles via the CSS files in the css directory. Most of the user interface styling is defined in css/80_app.css. You can use the inspector in your browser to get the classes of elements you want to change.

Closing this since it's not really actionable.

[erkinsergey]

I just wanted to ask if there are any ready-made themes?
Thanks for the answer!

[quincylvania]

I just wanted to ask if there are any ready-made themes?

No, not that I'm aware of. @bhousel made some for the Stylish browser extension (see #3095 (comment)) but they are likely outdated and you mentioned that extension doesn't suit you anyway. There isn't really any other theme mechanism at the moment, but if somebody wanted to build one I'd be open to a discussion!

Thanks for the answer!

You're welcome!

[bhousel]

Yes @erkinsergey - for now everything in iD is rendered with SVG/CSS, so you an override these with Stylish (or obviously fork iD and change the CSS files). see FAQ

We are probably going to outgrow this approach to styling soon. iD's CSS is already so complex that it takes too long for browsers to recalculate the styles when things change, and we are looking into rendering some of the map data with something like canvas to improve performance.