Content
View differences
Updated by Marc Alcobé about 3 years ago
**I want to** _\[enter objective\]_
**so that** _\[enter desired result\]_
* Create the default theme for OpenProject.
* Add the customisable colours to the SPOT foundations library:
* **Main:** #1A67A3
* **Accent:** #308720
* **Danger:** #D01100
* Add the fix colours to the SPOT foundations library:
* **Gray scale:**
* **Black:** #000000
* **Grey #1:** #333333
* **Grey #2:** #555555
* **Grey #3:** #878787
* **Grey #4:** #CCCCCC
* **Grey #5:** #E0E0E0
* **Grey #6:** #F3F3F3
* **White:** #FFFFFF
* **Indication:**
* **Flagged:** #1CB6C0
* **Current date:** #FFFFE1
* **Enterprise:** #EF9E56
* **Focus:** #00A3FF
* **Feedback:**
* **Error Dark:** #CA3F3F
* **Error Light:** #FEDADA
* **Warning Dark:** #EF9E56
* **Warning Light:** #FFE6C6
* **Success Dark:** #35C53F
* **Success Light:** #D8FDD1
* **Info Dark:** #8FC0DB
* **Info Light:** #E3F5FF
* Make sure the customisable colours are able to be modified trough theming.
* The deviation of the customisable colours are done in <mention class="mention" data-id="46833" data-type="work_package" data-text="#46833">#46833</mention>.
* The rest of OpenProject themes will be modified in <mention class="mention" data-id="47056" data-type="work_package" data-text="#47056">#47056</mention>.
* The documentation of this colours in the SPOT design system will be added by the product team to Storybook.
## TBD
* Do we want to include the complimentary colours in the design system? This ones are used for type or status in the application.
## Figma
https://www.figma.com/file/QT2DjrZkEcHiKE2dKxgzGp/Scale-Theming-2023?node-id=0%3A1