responsively-app
responsively-app copied to clipboard
responsively-org
Option to change BG Blue so it doesn't influence design decisions
🚀 Feature Request
Option to change the background dark Blue to neutral dark Grey so it doesn't influence design
📝 Description
As a designer, background colours and desktop images influence design decisions. Sometimes it's subtle, sometimes it isn't! I love the dark Blue as a colour but would much prefer a neutral dark Grey when designing.
✨ Describe the solution you'd like
A color picker to choose the colour or just a simple menu 'Neutral Background' option that changes the dark Blue to a neutral dark Grey like #383838
✍️ Describe alternatives you've considered
Have tried to find options to change the colour but can't find any - sorry if it already exists!
Cheers and amazing work! Responsively is one of the most useful web design apps I've come across in a while!
Ben
Hi, can you please tell me where exactly you need to add this feature, and can I start working on it?
@Anarvsingh Thanks for for looking into this, much appreciated.
The background blue from the app displays around your design - see attached for an Apple example...
See how the dark blue background interacts with the yellow from the design? This interaction changes the feel of colours and can influence which colours get chosen for a design
Although some designers don't care, many designers prefer their design tools to use neutral colours - see the dark grey background from Photoshop as one example of many...
Hope that makes more sense. Cheers, Ben
@sciascia this is what I did (MacOS) to change the background to gray:
Extract the app.asar in a app folder (on mac is ResponsivelyApp.app/Contents/Resources)
npx @electron/asar extract app.asar app
Rename the app.asar to something as app.asar.backup In the app folder open this two files:
dist/renderer/style.css
dist/renderer/renderer.js
Add to style.css at the beginning this class, save and close.
.bg-custom {background-color: #b0b0b0 !important}
Search inside renderer.js this string:
e=document.querySelector("body"); just after this match change
bg-slate-200 to bg-custom, save and close.
You can start the app without recompressing it.
