Fix Version/s: None
The purpose of this ticket is to quickly rough out the basic design of the landing page and explore the implementation details of theming and styled-components in a next.js application.
This work should be done alongside
DM-28485, which seeks to provide a centralized design resource for the Science Platform's React applications.
- relates to
DM-28537 Implement dark/light theme architecture in rubin-style-dictionary
DM-29039 Add imagotype and related brand assets to rubin-style-dictionary
DM-29251 Squareone: add light/dark theming
DM-28485 Create a package for design tokens and reusable components for Science Platform apps
|Status||To Do [ 10001 ]||In Progress [ 3 ]|
|Attachment||localhost_3001 Laptop 2021-03-15 19.07.11.png [ 48367 ]|
|Resolution||Done [ 10000 ]|
|Status||In Progress [ 3 ]||Done [ 10002 ]|
For implementing the light-dark theme switching in Next.js, see https://github.com/donavon/use-dark-mode