❔ List of SCP Wiki CSS Themes

If you know of themes that aren't in this list yet please add them or let TSATPWTCOTTTADCTSATPWTCOTTTADC know.

Prometheus Labs Theme
Foundation Medical
Ad Astra Per Aspera CSS (collab series, contact Cyantreuse or 9Volt)
Department of Sexual Containment Procedures
Discord theme
Pataphysics Department Theme
OCT Theme
Sigma9 | GitHub source
Third Law Canon CSS Theme
Third Law Cracked CSS Theme
Third Law -- 7th Occult War CSS Theme
Skies Made Strange CSS Theme
SCP Pride Template
Wanderer's Theme
SPC Theme
Chicago Spirit Theme Code
Dr. Wondertainment Theme
Unusual Investigations CSS Theme
MC&D Theme
MC&D Theme Gray
Resurrection Theme
Straight On Till Morning Theme
Pet Theme
NewyRose's theme
SMLT Container theme
SMLT's author page theme
Ethics Committee Theme
RAISA theme by Croquembouche
Spicy Crust Pizza theme by Chandra
Broken Masquerade Theme by Cyantreuse
Genesis Theme
Darkest Luna (Department of Eigenweaponry) Theme
YossiLeiner Sandbox Theme
Snow crab
SCPF Platinum Theme

How to apply

Most themes can be applied to your article by adding the following line in a CSS WikiDot module.

@import url(http://INSERT THEME URL HERE/code/1);

For example, this page's theme was applied in the following way:

[[module css]]
@import url(http://kaktuskontainer.wikidot.com/component:reference-theme/code/1);

A few themes cannot be imported in this way and you will need to go and copy some of the code into your own page.

Either way - always credit the contributors whose theme you are using.

Click here for full WikiDot CSS module documentation.

This bit is for ProasekProasek and anyone else who wants to learn to make new themes:

How to make

If you want to start making CSS themes for WikiDot open up Sigma9 - the site's default theme:
Source on WikiDot | Source on GitHub
Copy it into a sand box page, add to it the @import code from the How to apply section above and make it point to the sandbox page you're editing, and start messing around. Please note - you can't use the page editor's Preview button to see changes you make to CSS. You will have to Save the page and wait for it to reload each time.
Some people will only want to change the header image and SCP logo. The code of the Reference Theme (code here) is a good example of how to do that.

For everything else, check how other themes have done things and look things up in a good CSS standards resource like MDN and just try things.

Also be sure to read the essay Advanced Formatting and You by DrMagnusDrMagnus to learn what divs are and how to style them.

You may also find some value in WikiDot's own guide on making themes here. And the WikiDot theme repository here.

As you start using CSS you'll see how it lets you completely change a site's layout. If you intend to mess with the navigation top bar or side bar or other parts of the page that users always expect to work a certain way, check with the wiki's Tech Team first.

🚧 In Progress 🚧

old CI
new CI
other cool WikiDot themes

To do

  • Include screenshots for each listed theme
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License