Support custom themes for host

README.md

@@ -51,7 +51,9 @@ The password for the admin panel as well as for game servers that support admin
 
 ## Website
 
-The website is generated using Jekyll which uses a config.yml that is generated by the deploy script. Additionally, there is a YAML file called events.yml in the _data directory where events are stored. The formatting is:
+The website is generated using Jekyll which uses a \_config.yml that is generated by the deploy script. You can apply your own custom colour palette by adding a new theme in website/\_sass. Name your new theme as HOSTEDBYNAME.scss and then edit website/assets/css/main.scss to add your theme to the available_themes.
+
+Additionally, there is a YAML file called events.yml in the \_data directory where events are stored. The formatting is:
 
 ```
 - date: 2022-12-17T14:00:00UTC

website/_sass/DeathByDenim.scss

@@ -0,0 +1,34 @@
+// Custom style matching the brand
+$palette1: #E56904;
+$palette2: #ccf;
+$palette3: #D664FF;
+$palette4: #000;
+
+// Hack to get onFOSS brand logo somewhat aligned
+$enable-negative-margins: true;
+
+$primary: $palette1;
+$secondary: $palette3;
+$body-bg: $palette4;
+$body-color: $palette4;
+$border-color: black;
+$font-family-base: sans-serif;
+$nav-pills-link-active-color: $palette3;
+$nav-pills-link-active-bg: $palette4;
+$nav-link-color: $palette2;
+$nav-link-hover-color: $palette4;
+$nav-link-hover-bg: $palette4;
+
+$table-color: $palette2;
+$table-bg: $palette4;
+
+$body-secondary-bg: $palette2;
+$body-tertiary-bg: $palette1;
+
+.cls-1 {
+  fill: $palette3;
+}
+
+.cls-2 {
+  fill: $palette2;
+}

website/assets/css/main.scss

@@ -1,5 +1,10 @@
 ---
+available_themes:
+  - DeathByDenim
 ---
+{% if page.available_themes contains site.content.hosted_by_name %}
+@import "{{ site.content.hosted_by_name }}";
+{% else %}
 @import "base";
+{% endif %}
 @import "bootstrap/bootstrap";
-