No edit summary |
m (Added category) |
||
| Line 19: | Line 19: | ||
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]]''' | 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]]''' | ||
[[Category: Help Pages]] | |||
Latest revision as of 00:50, 24 July 2024
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