CSS Changes Not Honoured

[DarylO71]

I've modified the background colour for dark-mode at /opt/Min/resources/app/css/taskOverlay.css but even after rebooting, nothing has changed.

Original script:

body.dark-mode #task-overlay { background-color: rgb(40, 44, 52) !important; color: lightgrey; }

Modified script:

body.dark-mode #task-overlay { background-color: rgb(36, 36, 36) !important; color: lightgrey; }

I'm wanting to change the colour of the tab bar, and this was the only occurrence of the colour that is the colour of the tab bar, so I'm figuring I had found the right location. Does anyone have an idea what could be wrong?

[shreyas-sha3]

You need to edit Min/app/dist/bundle.css to change the color

[DarylO71]

Thanks, @ShreyasGamer for your reply. I've tried that, and it's not working. What exactly should I be changing in that .css file?

[PalmerAL]

Generally, @ShreyasGamer is right; you'd need to edit the bundle file for changes to appear (or better: edit the original CSS file and re-compile: https://github.com/minbrowser/min?tab=readme-ov-file#building-binaries)

However, the tab bar color specifically is defined in JS: https://github.com/minbrowser/min/blob/master/js/navbar/tabColor.js#L14

The same thing applies there - you can edit dist/bundle.js, or edit the source JS file and re-compile.