[Feature]: Create light/dark theme #4

Open
opened 2024-10-10 18:56:38 -03:00 by aleidk · 0 comments
Owner

Type of Feature

New Feature

Description

Add a default light and dark theme that follows the prefers-color-scheme of the browser.

Completion criteria

  • Have variables for the colors
  • Define a light theme
  • Define a dark theme
  • Make the page follows the prefers-color-scheme of the browser
  • Create a "theme switcher" component, consider that this component can be expanded to support more themes in the future
  • Save selected theme in local storage and load this config on page load

Additional Information

This was originally stated in alecodes/mini-strap#1, which was later splitted in multiples issues.

### Type of Feature ✨ New Feature ### Description Add a default light and dark theme that follows the `prefers-color-scheme` of the browser. ### Completion criteria - [ ] Have variables for the colors - [ ] Define a light theme - [ ] Define a dark theme - [ ] Make the page follows the `prefers-color-scheme` of the browser - [ ] Create a "theme switcher" component, consider that this component can be expanded to support more themes in the future - [ ] Save selected theme in local storage and load this config on page load ### Additional Information This was originally stated in alecodes/mini-strap#1, which was later splitted in multiples issues.
aleidk added this to the v0.1.1 milestone 2024-10-10 18:56:38 -03:00
aleidk added the
Priority
Medium
Severity
Low
Type
Feature
Status
Accepted
labels 2024-10-10 18:56:38 -03:00
aleidk self-assigned this 2024-10-10 18:56:38 -03:00
anavarro was assigned by aleidk 2024-10-10 18:56:38 -03:00
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: alecodes/mini-strap#4
No description provided.