Details
-
Type:
Story
-
Status: Done
-
Resolution: Done
-
Fix Version/s: None
-
Component/s: None
-
Labels:None
-
Story Points:9.8
-
Epic Link:
-
Team:SQuaRE
-
Urgent?:No
Description
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.
Attachments
Issue Links
- relates to
-
DM-28537 Implement dark/light theme architecture in rubin-style-dictionary
- Done
-
DM-29039 Add imagotype and related brand assets to rubin-style-dictionary
- Done
-
DM-29251 Squareone: add light/dark theming
- Done
-
DM-28485 Create a package for design tokens and reusable components for Science Platform apps
- Done
Activity
Status | To Do [ 10001 ] | In Progress [ 3 ] |
Story Points | 2.1 |
Story Points | 2.1 | 9.8 |
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