diff --git a/hmml_to_html/style.css b/hmml_to_html/cinera.css
similarity index 100%
rename from hmml_to_html/style.css
rename to hmml_to_html/cinera.css
diff --git a/hmml_to_html/player.js b/hmml_to_html/cinera.js
similarity index 100%
rename from hmml_to_html/player.js
rename to hmml_to_html/cinera.js
diff --git a/hmml_to_html/default.css b/hmml_to_html/cinera__default.css
similarity index 100%
rename from hmml_to_html/default.css
rename to hmml_to_html/cinera__default.css
diff --git a/hmml_to_html/hmdshow.css b/hmml_to_html/cinera__hdmshow.css
similarity index 100%
rename from hmml_to_html/hmdshow.css
rename to hmml_to_html/cinera__hdmshow.css
diff --git a/hmml_to_html/hero.css b/hmml_to_html/cinera__hero.css
similarity index 100%
rename from hmml_to_html/hero.css
rename to hmml_to_html/cinera__hero.css
diff --git a/hmml_to_html/obbg.css b/hmml_to_html/cinera__obbg.css
similarity index 100%
rename from hmml_to_html/obbg.css
rename to hmml_to_html/cinera__obbg.css
diff --git a/hmml_to_html/riscy.css b/hmml_to_html/cinera__riscy.css
similarity index 100%
rename from hmml_to_html/riscy.css
rename to hmml_to_html/cinera__riscy.css
diff --git a/hmml_to_html/cinera_icon_filter.png b/hmml_to_html/cinera_icon_filter.png
new file mode 100644
index 0000000..6d25527
Binary files /dev/null and b/hmml_to_html/cinera_icon_filter.png differ
diff --git a/hmml_to_html/cinera_icon_patreon.png b/hmml_to_html/cinera_icon_patreon.png
new file mode 100644
index 0000000..f4681c4
Binary files /dev/null and b/hmml_to_html/cinera_icon_patreon.png differ
diff --git a/hmml_to_html/topics.css b/hmml_to_html/cinera_topics.css
similarity index 88%
rename from hmml_to_html/topics.css
rename to hmml_to_html/cinera_topics.css
index 0115e01..14dc270 100644
--- a/hmml_to_html/topics.css
+++ b/hmml_to_html/cinera_topics.css
@@ -17,3 +17,6 @@
 .marker .content .categories .category.inventory { border-color: hsl(278, 32%, 26%); background: hsl(278, 32%, 26%); }
 .marker .content .categories .category.font { border-color: hsl(161, 4%, 26%); background: hsl(161, 4%, 26%); }
 .marker .content .categories .category.mathematics { border-color: hsl(308, 4%, 26%); background: hsl(308, 4%, 26%); }
+.category.inventory { border: 1px solid hsl(111, 79%, 26%); background: hsl(111, 79%, 26%); }
+.category.hardware { border: 1px solid hsl(284, 94%, 26%); background: hsl(284, 94%, 26%); }
+.category.math { border: 1px solid hsl(185, 74%, 26%); background: hsl(185, 74%, 26%); }
diff --git a/hmml_to_html/hmml_to_html.c b/hmml_to_html/hmml_to_html.c
index 03dfcbe..e602a79 100644
--- a/hmml_to_html/hmml_to_html.c
+++ b/hmml_to_html/hmml_to_html.c
@@ -71,12 +71,12 @@ typedef struct
 // TODO(matt): Parse this stuff out of a config file
 char *Credentials[ ][5] =
 {
-    { "Miblo", "Matt Mascarenhas", "http://miblodelcarpio.co.uk", "patreon_logo.png", "https://patreon.com/miblo"},
-    { "miotatsu", "Mio Iwakura", "http://riscy.tv/", "patreon_logo.png", "https://patreon.com/miotatsu"},
+    { "Miblo", "Matt Mascarenhas", "http://miblodelcarpio.co.uk", "cinera_icon_patreon.png", "https://patreon.com/miblo"},
+    { "miotatsu", "Mio Iwakura", "http://riscy.tv/", "cinera_icon_patreon.png", "https://patreon.com/miotatsu"},
     { "nothings", "Sean Barrett", "https://nothings.org/", "", ""},
-    { "cmuratori", "Casey Muratori", "https://handmadehero.org", "patreon_logo.png", "https://patreon.com/cmuratori"},
+    { "cmuratori", "Casey Muratori", "https://handmadehero.org", "cinera_icon_patreon.png", "https://patreon.com/cmuratori"},
     { "fierydrake", "Mike Tunnicliffe", "", "", ""},
-    { "abnercoimbre", "Abner Coimbre", "https://handmade.network/m/abnercoimbre", "patreon_logo.png", "https://patreon.com/handmade_dev"},
+    { "abnercoimbre", "Abner Coimbre", "https://handmade.network/m/abnercoimbre", "cinera_icon_patreon.png", "https://patreon.com/handmade_dev"},
 };
 
 #define EDITION EDITION_SINGLE
@@ -854,7 +854,7 @@ GenerateTopicColours(buffer *Colour, char *Topic)
     FILE *TopicsFile;
     char *TopicsBuffer;
     // TODO(matt): Consider (optionally) pulling this path from the config
-    if((TopicsFile = fopen("topics.css", "a+")))
+    if((TopicsFile = fopen("cinera_topics.css", "a+")))
     {
         fseek(TopicsFile, 0, SEEK_END);
         int TopicsLength = ftell(TopicsFile);
@@ -1863,7 +1863,7 @@ ReferencesArray[i].Identifier[j].Timecode);
 
                 CopyStringToBuffer(&FilterMenu,
 "            <div class=\"menu filter\">\n"
-"                <span><img src=\"hues_HCL.png\"></span>\n"
+"                <span><img src=\"cinera_icon_filter.png\"></span>\n"
 "                <div class=\"filter_container\">\n"
 "                    <div class=\"filter_mode inclusive\">Filter mode: </div>\n"
 "                    <div class=\"filters\">\n");
@@ -2185,10 +2185,10 @@ CategoryMedium[j][2]
             CopyStringToBuffer(&Header, "</title>\n" // TODO(matt): Add the full name of the project, parsed from a config
 "\n"
 "        <!-- Load the player -->\n"
-"        <script type=\"text/javascript\" src=\"player.js\"></script>\n"
-"        <link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\">\n"
-"        <link rel=\"stylesheet\" type=\"text/css\" href=\"%s.css\">\n"
-"        <link rel=\"stylesheet\" type=\"text/css\" href=\"topics.css\">",
+"        <script type=\"text/javascript\" src=\"cinera.js\"></script>\n"
+"        <link rel=\"stylesheet\" type=\"text/css\" href=\"cinera.css\">\n"
+"        <link rel=\"stylesheet\" type=\"text/css\" href=\"cinera__%s.css\">\n"
+"        <link rel=\"stylesheet\" type=\"text/css\" href=\"cinera_topics.css\">",
 HMML.metadata.project);
 
             CopyStringToBuffer(&Script,