Change Code Editor UI Colors?

Question

I'm running Animate on Windows 10 and I would like to apply dark mode coloring to Animate's code editor, but it appears I'm unable to customize the colors of the scroll bars and the line numbers area.

It seems those parts of the UI are not customizable through the following menus in Animate:

File > Preferences > Code Editor > Editing Options > Modify Text Coloring Button
File > Preferences > Interface > Color Theme > Dark

And it appears this has been a long-lasting issue, as Adobe Animate 2018 has this problem as well.

Nevertheless, I thank you for any other suggestions you may have for fixing this issue. I find it's more comfortable for my eyes to code completely in darkmode, and I wish to be able to do that while I write and test JSFL scripts directly from Animate.

DigitalDesignDude · Answer

This is more or less a workaround solution, but I'll share it in case it helps someone else.

I put together a Windows app that allows you to create a semi transparent overlay that you can place on top of the code editor:

Custom Screen Overlay Demo Vid - YouTube
Custom Screen Overlay App Page

Granted, this solution works better on a separate monitor where the code editor is always opened and isn't repositioned, but I hope it will tie me over until I come up with a better solution for my desired workflow.

There's also a number of alternative apps like f.lux and DimScreen which also could be used, but they dim the entire screen instead of a portion of it.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded