For instructions how to install the Common Theme see here.

Notice that the version numbering has changed. Version 1.2 was 1.3.8 before. 1.1 was 1.3.7. What is now 1.3 would have been 1.3.9.

• Go to your common:theme
• Replace the import link of the theme with this:

@import url('https://grombald.github.io/Common-Theme/css/min/Sigma-9-Common-Theme-1.3.min.css');

• Not advised if you have many customizations or strong use of the Black Highlighter Theme in your wiki, as you will not get to test changes before they are applied, and the BHL compatibilizer is updated with a lower priority than the rest of the theme.
• If you are sure, replace the first import-line in the above code with one of the following:

Stable build: Always loads the last major release.

@import url('https://grombald.github.io/Common-Theme/css/Sigma-9-Common-Theme-STABLE.css');

Latest build: Loads the latest stable release, plus the current WIP version of the next release. May bring new developments earlier, but may also fuck up your wiki.

@import url('https://grombald.github.io/Common-Theme/css/Sigma-9-Common-Theme-LATEST.css');

While not crucial, it is strongly recommended to apply this modification to use vector images as icons in your sidebar instead of PNG images. Vector images are sharp and crisp in every resolution and look cleaner, also they may reduce loading lag. As Wikidot ist too old to support vector graphics properly we have to go through applying them with CSS.

• Go to your nav:side page.
• In front of each menu item is an embedded image. Take the image's name with out the .png
• Insert the name in the class declaration, separated by a space.
• Remove the image.

So this:

[[div class="menu-item"]]
[[image main.png]][[[joke-scps|Witz-SCPs]]]
[[/div]]

Becomes this:

[[div class="menu-item main"]]
[[[joke-scps|Witz-SCPs]]]
[[/div]]

If you want to keep certain images or use custom images, you can use both without problem. Just don't add an icon class to the respective item then. You can also create own classes in your theme if you like.

Some branches use colored sidebar boxes. For better flexibilty it is strongly advised to switch from styling the box directly in the nav:side article, to use color classes.

• Go to your nav:side page.
• Locate the first line of each respective box.
• Remove the whole style="..." expression.
• Add the desired color (red, green, blue or yellow) to the boxes' classes.

So for a blue box, this:

[[div class="side-block" style="background-color: #e5e5ff;"]]

Becomes this:

[[div class="side-block blue"]]

See here For instructions to install the Dark Mode.

• Modiy your Sandbox' component:theme with the following line to import the new version of the Sandbox theme:

@import url('https://grombald.github.io/Common-Theme/css/min/Sigma-9-Common-Sandbox-Theme-1.1.min.css');

• Apply the above changes to your sidebar there as well