Script output background colour change?

[jarrah31]

Would it be possible to advise how I would change the background colour of the script output window to black please?

Thanks.

[bugy]

Hi, unfortunately there is no configuration for it You can try to edit css manually jarrah31 <notifications@github.com> schrieb am Fr., 7. Aug. 2020 16:07:

…

Would it be possible to advise how I would change the background colour of the script output window to black please? Thanks. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#324>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAJXPJJ4UGMUVEHCCE2E7WTR7QDBNANCNFSM4PXVHBPA> .

[olm52]

I guess that is not possible to change selected items color, now green?
I would like also to change "Script Server" at the menu top with the title of my menu.

[jarrah31]

Thanks bugy, do you know which part of the css code block would do this please? Would there be an existing line I need to modify or add a new entry? (sorry, css mystifies me)

[bugy]

Hi @hifi25nl, only by HTML/CSS changes, unfortunately
If you want to change it, you would need to modify the following files (and build the project with webpack):

• title: https://github.com/bugy/script-server/blob/master/web-src/src/main-app/components/MainAppSidebar.vue
• each item in the list: https://github.com/bugy/script-server/blob/master/web-src/src/main-app/components/scripts/ScriptListItem.vue

[bugy]

@jarrah31 you would need to modify the following file:
https://github.com/bugy/script-server/blob/master/web-src/src/common/components/log_panel.vue

line 143 (in master), you need to change:
background: #f4f2f0; to background: black; and then build the project with npm run build (you would need npm to be installed)
Or, you can try to find this background: #f4f2f0; in the compiled css file (it should be inside web/index.blabla.css) and replace it. Then no build will be needed

[jarrah31]

Thanks Bugy! You know, I actually found this entry in index-deps.css before starting this thread, but changing it made no difference so assumed it must be something else. Having you confirm this was the right location/entry I realised browser cache was preventing me from seeing the change, so a quick cache clean up and problem resolved! :)

[bugy]

@jarrah31 I'm glad it worked :)
I'll keep the ticket open, so people can vote/discuss UI styling feature.
May be, one day I'll add configurable colors :)

[jarrah31]

A dark mode option would be useful please because the black output screen is in stark contrast to the rest of the UI now.

[mitchtchesnitch]

+1 to Dark Theme:D Greatly appreciate all of your efforts @bugy , this tool has saved me dozens of hours of work so far, and counting.

[bugy]

Hey all, I'm working on a possibility to have custom color themes for script-server (e.g. you can replace default cyan color with yellow, for example). You would be able to define the main colors in a separate css file (in the conf folder), which will be loaded automatically. It won't be possible to define the color of some specific elements, though.
I would provide a sample dark theme css file, so you would be able to copy and use it for your project.

It would be nice to gather some requirements, to make sure I don't miss something important. At the moment I'm going to have support for those colors:

1. Main accent color
2. Background color
3. Font color
4. Custom images

If you would prefer to change something else, please tell me

CC @antonellocaroli

PS a theme will be single for the whole server, so it won't be possible to switch between themes in runtime.
PPS if you have any preferences on the default accent color for dark theme, please tell me :)