Skip to content
This repository has been archived by the owner on Jan 17, 2024. It is now read-only.

As a developer, I want a dark mode implementation of the UI, so I don't get blinded. #43

Closed
4 tasks done
Ekhorn opened this issue Jan 21, 2022 · 0 comments · Fixed by #52
Closed
4 tasks done

As a developer, I want a dark mode implementation of the UI, so I don't get blinded. #43

Ekhorn opened this issue Jan 21, 2022 · 0 comments · Fixed by #52
Assignees
@Ekhorn
Labels
user story Requesting the following functionality
Milestone
Project setup

Comments

@Ekhorn
Copy link
Member

Ekhorn commented Jan 21, 2022 •
edited
Loading

Acceptance Criteria

  • The actor must be able to switch between, dark and light mode.
  • The app must show the user's system preference when loading the page.
  • FOUC must be prevented.
  • Every component must have a proper light and dark mode version.
  • The Definition Of Done must state a rule that every UI component must support the light- and dark mode themes.

Test cases

Tasks

  • Add set user preference based on OS on page load.
  • Add theme switcher component.
  • Add dark mode properties to every visible component.
  • Add a new rule to Definition Of Done stating: “Every UI component must support the light- and dark mode themes”.
@Ekhorn Ekhorn self-assigned this Jan 21, 2022
@Ekhorn Ekhorn added the user story Requesting the following functionality label Jan 21, 2022
Ekhorn added a commit that referenced this issue Feb 12, 2022
@Ekhorn
Added dark mode for #43
aeab54a 
- Added ThemeSelector component
- Added loading theme by system preference
- Added dark mode versions for every visible component
@Ekhorn Ekhorn added this to the Project setup milestone Mar 4, 2022
@Ekhorn Ekhorn closed this as completed Mar 4, 2022
@Ekhorn Ekhorn reopened this Apr 14, 2022
@Ekhorn Ekhorn linked a pull request Apr 14, 2022 that will close this issue
Added dark theme (#43) #52
Merged
Ekhorn added a commit that referenced this issue Apr 14, 2022
@Ekhorn
Merge pull request #52 from FHICT-S-Koen/dark-theme
a112a3f 
Added dark theme (#43)
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@Ekhorn Ekhorn

Labels
user story Requesting the following functionality
Projects
None yet
Milestone
Project setup
Development

Successfully merging a pull request may close this issue.

Added dark theme (#43) FHICT-S-Koen/info-map
1 participant
@Ekhorn