(Created page with "== 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 f...") |
No edit summary |
||
| Line 13: | Line 13: | ||
=== Borders === | === Borders === | ||
* Border-width: 1px | * Border-width: 1px | ||
* Border-color: # | * Border-color: #363636 | ||
* Border-radius: 8px | * Border-radius: 8px | ||
Revision as of 15:06, 27 May 2023
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: #363636
- 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