❔ List of SCP Wiki CSS Themes
Table of Contents

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

Ad Astra Per Aspera CSS Theme
Af 2018 Theme
Anderson Robotics Theme
Broken Masquerade Theme
Chicago Spirit Theme Code
Darkbody Theme
Darkest Luna Theme
Department of Sexual Containment Procedures
Discord theme
Dr. Wondertainment Theme
Ethics Committee Theme
Evernight Theme
Foundation Medical
Aleph Gazette Theme
Genesis Theme
Halloween Theme
IJAMEA Theme
MC&D Theme
MC&D Theme Gray
NewyRose's theme
Nobody Theme
OCT Theme
Pataphysics Department Theme
Pet Theme
Prometheus Labs Theme
RAISA Theme 1
RAISA Theme 2
Resurrection Theme
SCP Pride Template
Sexy Containment Procedures CSS Theme
Sigma-9 | GitHub source
Sigma-9 Platinum Theme
Skies Made Strange CSS Theme
SMLT Container theme
SMLT's author page theme
SPC Theme
Spicy Crust Pizza theme
Straight On Till Morning Theme
The New Holland Campaign Theme
Third Law Canon CSS Theme
Third Law Cracked CSS Theme
Third Law -- 7th Occult War CSS Theme
Trans Pride Theme
Unusual Investigations CSS Theme
Wanderer's Theme
Wilson's Wildlife Solutions Theme
YossiLeiner Sandbox Theme


How to use

Some themes support being added to your page using this format:

[[include :kaktuskontainer:component:reference-theme]]

[[include :scp-wiki:component:ar-theme]]

Try this first. Importing a theme using [[include]] adds your page to a list of Backlinks. This is useful for seeing what pages would be affected when a theme is updated, and allows any errors caused by that to be noticed and corrected much faster.

You can view any page's Backlinks by clicking "+ Options" at the bottom of the page, then "Backlinks".


Alternatively, 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 could be applied in the following way:

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

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.

Whichever way you go about using code other people have contributed - always credit them.

Click here for full WikiDot CSS module documentation.


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.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License