Design Standards
When creating new templates or importing them with custom CSS, you can adapt the code to best fit SC's look and feel with these guidelines.
Colors
- SC Blue: #039BE5
- Background: #121212
- Surface 1: #2C2C2C
- Surface 2: #363636
- Surface 3: #474747
- Surface 4: #595959
- White Text: #D1D5DB
Borders
- Border-width: 1px
- Border-color: #2C2C2C
- Border-radius: 8px
Using TemplateStyles
Create a stylesheet to place the CSS for your template by navigating to Template:<template>/styles.css and creating the page. Treat it as a CSS file that is used whenever the template is called on a page. Example: Template:TheoryBox/styles.css