Help:CSS

Help page
Revision as of 00:50, 24 July 2024 by ViviMayoi (talk | contribs) (Added category)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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