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

Update dark theme #305

Open
5 tasks
L03TJ3 opened this issue Feb 2, 2023 · 0 comments
Open
5 tasks

Update dark theme #305

L03TJ3 opened this issue Feb 2, 2023 · 0 comments

Comments

@L03TJ3
Copy link
Collaborator

L03TJ3 commented Feb 2, 2023

The dark theme is being updated to have a new color scheme.
Align status and updates with Sana and the updated figma screens

All areas should adequately reflect this, so update colors in tailwind/styled-components/native-base
and make sure the components switch over correctly

NativeBase

  • - add colors to native-base extended theme
  • - either apply colors through variants/default props / base style, or use useColorModeValue for a one-time appliance

Tailwind / styled-components

  • - most of dark theme colors are defined in the base stylesheet so we only have to update the color-codes in theme stylesheet
  • - make sure the classes are applied correctly to all components, most dark theme is done through styled-components CSS

WildCard todo:
Rules:

  1. only when it doesn't take a lot of time (< 10 min)
  2. only when it is UI and no back-end logic has to be changed
  • - wherever possible see if a component can be updated to a native-base one
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant