Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mild Dark Mode with less contrast #3253

Draft
wants to merge 7 commits into
base: dev
Choose a base branch
from
Draft

Conversation

cprosser
Copy link

@cprosser cprosser commented Jan 1, 2023

This pull request adds a new color theme "Mild Dark". I suffer from chronic migraines with light sensitivity and this is much easier to look at. The goal was to mellow out the contrast in all the places I could find, especially large areas.

I'm looking for feedback on any structural changes that might be required. I took color inspiration from text editors I use that have mellow dark themes.

Status

  1. Tested on Windows
  2. Prefs reading/writing works
  3. New element in prefs dialog
  4. Keyboard shortcut theme rotation works
  5. New menu item
  6. Not compiled on MacOS yet (I have an M1 air but haven't configured the dev env.
  7. I cloned the existing CSS file from Dark, but didn't change it. I have no idea how to test it (I saw some comment that the html server was no longer maintained?) and don't know if it needs updating.
  8. I reused the icons from dark mode, I find the hot pink a little too bright but haven't bother to update them
  9. I can't figure out how to change the background fill of the Link and Tap buttons.

Screenshots

Current Dark Mode Overview
Current Dark Mode Overview

Mild Dark Mode Overview
image

Menu Item
image

Prefs Panel
image

Hover Color
Note: the mouse cursor isn't showing here
image

Selection
Not really thrilled with this, but it works.
image

this is a copy/paste of the dark theme (non pro) and scaffolding to select it. This will make it easy to see the changes made for the mild dark theme.
pane splitters elude me
@samaaron
Copy link
Collaborator

samaaron commented Jan 6, 2023

Having a colour theme that is comfortable for those that suffer from migraines is a very good call.

Thank-you so much for this work.

However, the default colour themes for Sonic Pi are part of its identity. I'm wondering if there are tweaks that can be made to a theme like this which are inline with this identity but also fulfil the goal of being easy on the eyes.

Would you be interested in helping find such a compromise - using this work as a starting point? I was already thinking of an orange-rather-thank-deep-pink-based theme - would this work for you?

@cprosser
Copy link
Author

cprosser commented Jan 9, 2023

@samaaron I'm absolutely open to work on this theme to match the spirit of your original ones. I tried my best to steal mellow colors in the spirit of the existing Sonic Pi themes, but I was focused on getting a prototype done before I had to go back to work that was good enough so I could work on my sculpture without having to squint.

Where's the best place to carry on that conversation? I can't promise to be fast, I get a couple of hours each weekend, but tweaking colors doesn't take too long.

@samaaron
Copy link
Collaborator

samaaron commented Jan 9, 2023

Sounds great. How about I merge this as it stands then start tweaking with the colours - checking with you to see if my choices are suitable. Hopefully after enough iteration we can arrive at something that works all round!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants