Move customisable styles to a custom-style.scss file.

public/css/custom-style.scss

@@ -0,0 +1,11 @@
+// Use this to customise the styles of your forum.
+$primary-color: #6577ac;
+$body-font-color: #292929;
+$dark-color: #505050;
+$label-color: #7cd2ff;
+$secondary-btn-color: #f1f1f1;
+
+// Define nav bar colours.
+$navbar-color: $body-bg;
+$navbar-border-color-dark: $body-bg;
+$navbar-primary-color: #e80080;

public/css/nimforum.scss

@@ -1,20 +1,8 @@
-// Based on
-// https://picturepan2.github.io/spectre/getting-started.html#installation
-// Define variables to override default ones
-$primary-color: #f99c19;
-$body-font-color: #292929;
-$dark-color: #505050;
-$label-color: #7cd2ff;
-$secondary-btn-color: #f1f1f1;
-
-// Define nav bar colours.
-$navbar-color: #17181f;
-$navbar-border-color-dark: $navbar-color;
-$navbar-primary-color: #fee860;
-
 // Import full Spectre source code
 @import "spectre/src/spectre";
 
+@import "custom-style";
+
 // Global styles.
 // - TODO: Make these non-global.
 .btn, .form-input {