New Apps Script IDE - Dark Mode

3,453 views
Skip to first unread message

Łukasz Bogacz

unread,
Jun 1, 2021, 6:26:27 AM6/1/21
to Google Apps Script Community
Hello,

Is it possible to change the new Apps Script IDE to Dark Mode?

I found an option to Toggle High Contrast Theme, but it's only applying dark background to the code editor. The rest of the Apps Scrip site remains white.

There is also a Chrome "AppsScript Color" Add-On but it appears to be working only with the older IDE version.

Maybe if enough people vote for this feature, Google will consider an official Dark Theme mode that applies to the entire UI of Apps Script :)

Please let me know if you managed to change the IDE theme to Dark Mode.

Many Thanks

Łukasz Bogacz

unread,
Jun 1, 2021, 6:32:16 AM6/1/21
to Google Apps Script Community
Update: Chrome Add-on  "AppsScript Color" works but only changes the editor view.

To select a different color theme, open the IDE action menu with [F1] (while focusing the IDE), 
then type either "theme", or on of the following: 
- Darcula 
- Monokai

Alan Wells

unread,
Jun 1, 2021, 9:50:03 AM6/1/21
to Google Apps Script Community
There is a category in the Issue Tracker for:

Apps Script -> IDE GA

Which is for the Apps Script code editor.


First, please search through existing issues to ensure that the feature request has not already been reported. You can start the search here: https://appsscriptide.page.link/bugs  

This link searches for issues with the words "IDE" and "Apps Script"

I don't see a feature request for dark mode that works in the sidebar, but maybe try to adjust the search to make sure.
If you create a new feature request, post the link here so that others can "star" it, and click the star yourself.

Andrey Romashev

unread,
Sep 12, 2022, 3:31:33 PM9/12/22
to Google Apps Script Community

Hello. My colleague created the Black Apps Script Chrome extension. Feel free to use it for free. It adds color schemes and search functionality to the new Monaco editor https://www.swroot.com/sw-root/black-script

Rob Waters

unread,
Oct 27, 2022, 10:04:31 AM10/27/22
to Google Apps Script Community
Howdy. This is awesome if still accurate but that URL doesn't seem to be working. Would love to give it a try.

For those interested, I'm currently using the following dark mode solution:

1. Go to chrome://flags and search for Auto Dark Mode for Web Contents
2. Change it to "Enabled with selective inversion of non-image elements" on the dropdown. There are other options but bear in mind this changes EVERYTHING to dark mode - I've found that this option interferes less with other Google Workspace schemes
3. Relaunch when prompted

I find that this is better than either of the dark modes offered by AppsScriptColor - particularly as, like the default colour scheme, it has contrast between different comment-out methods:

/** comments are green
// or /* comments are grey

However, I'd like to find something that doesn't necessitate dark mode and colour inversion on other apps (like BoardGameArena, which tends to go a bit wonky).

Rubén Sánchez

unread,
Nov 17, 2022, 6:56:32 PM11/17/22
to Google Apps Script Community
You can also try by installing the following complement to Google Chrome where you can choose the most suitable topic for daily work.

Andrey Romashev

unread,
Aug 8, 2023, 7:19:25 PM8/8/23
to Google Apps Script Community
We keep updating our free extension. Now it's not only dark UI but also enhanced functionality

Romain Vialard

unread,
Aug 9, 2023, 3:24:43 AM8/9/23
to Google Apps Script Community
Thanks Andrey!
Could you share a few screenshots showing what the extension can do?

Global search is super useful.
I see in the Chrome Web Store overview that the extension now offers "Diff Editor - side by side live comparison", that seems quite cool :)

Reply all
Reply to author
Forward
0 new messages