Skip to content

Allow users to select dark or light themes #1260

New issue

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

#

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

Already on GitHub? # to your account

Jump to bottom
Closed
galeyang opened this issue Sep 10, 2019 · 6 comments
Closed

Allow users to select dark or light themes #1260

galeyang opened this issue Sep 10, 2019 · 6 comments
Labels
from-study Issues are filed from a research study P3 A lower priority bug or feature request
Milestone
Backlog

Comments

@galeyang
Copy link

From the user survey, one respondent would like to select the preferable color theme.

We can consider adding an option in the more menu.
@galeyang galeyang added P3 A lower priority bug or feature request from-study Issues are filed from a research study labels Sep 10, 2019
@RedBrogdon RedBrogdon added this to the Backlog milestone Sep 11, 2019
@jabbalaci
Copy link

Is it done? This is Day 1 for me with Dart and I would like to use a light background on DartPad. Dark background is unusable for me, that hurts my eyes. How can I select light background?

This was referenced Nov 15, 2020
Closed
Closed
@RedBrogdon RedBrogdon mentioned this issue Dec 10, 2020
Closed
This was referenced Apr 11, 2021
Closed
Closed
@RedBrogdon RedBrogdon mentioned this issue Oct 6, 2021
Closed
@repo-2017
Copy link

Light theme is a must, this should be the default as dark themes can seriously damage your vision !

@jabbalaci
Copy link

This issue was opened 2.5 years ago. Is adding light theme support really that difficult?

This was referenced Feb 14, 2022
Closed
Closed
@ivanzoid
Copy link

ivanzoid commented Dec 1, 2022 •
edited
Loading

TLDR: you can use this link.

As @parlough mentioned in #2166, it is possible to use light theme when embedding DartPad using iframe.

You can create local dartpad.html file and place this code to get light-themed dartpad:

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            margin: 0;
        }
        iframe {
            display: block;
            border: none;
            height: 100vh;
            width: 100vw;
        }
    </style>
</head>
<body>
    <iframe src="https://dartpad.dev/embed-dart.html?theme=light"></iframe>
</body>
</html>

I also placed the same file to GitHub Pages, so you just can use this link: https://ivanzoid.github.io/dartpad-light/

@ivanzoid ivanzoid mentioned this issue Dec 1, 2022
Closed
@parlough parlough mentioned this issue Jun 28, 2023
Merged
1 task
@parlough
Copy link
Member

The now-live version of DartPad outlined in #2808 now has a persistent button in the top menu to switch between light and dark themes. Thanks for all of the feedback and discussion here!

If you have any feedback around the current light and dark modes, please open an issue with specific feedback. Thanks again :D

@jabbalaci
Copy link

Thanks! Now, 2 years later, I can finally use that site.

# for free to join this conversation on GitHub. Already have an account? # to comment
Assignees
No one assigned
Labels
from-study Issues are filed from a research study P3 A lower priority bug or feature request
Projects
None yet
Milestone
Backlog
Development

No branches or pull requests
6 participants
@ivanzoid @jabbalaci @RedBrogdon @repo-2017 @galeyang @parlough