Help:CSS

Help page

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