diff --git a/src/graphics/_misc/theme.ts b/src/graphics/_misc/theme.ts
index 0fde4065..79ef1cf5 100644
--- a/src/graphics/_misc/theme.ts
+++ b/src/graphics/_misc/theme.ts
@@ -14,6 +14,7 @@ const { default: uksggreen } = require('./themes/uksggreen.theme.css');
 const { default: uksgblue } = require('./themes/uksgblue.theme.css');
 const { default: summer } = require('./themes/summer.theme.css');
 const { default: winter } = require('./themes/winter.theme.css');
+const { default: legends } = require('./themes/legends.theme.css');
 const { default: swcf } = require('./themes/swcf.theme.css');
 
 defaultTheme.use();
@@ -62,6 +63,9 @@ switch (theme) {
   case 'swcf':
     swcf.use();
     break;
+  case 'legends':
+    legends.use();
+    break;
   default:
     // do nothing
 }
diff --git a/src/graphics/_misc/themes/legends.theme.css b/src/graphics/_misc/themes/legends.theme.css
new file mode 100644
index 00000000..cd8ff277
--- /dev/null
+++ b/src/graphics/_misc/themes/legends.theme.css
@@ -0,0 +1,20 @@
+#Intermission .Logo > img {
+  content: url('./legends/Logo.png');
+}
+
+#Countdown .Logo {
+  content: url('./legends/Logo.png');
+  height: 500px;
+}
+
+#Omnibar > #Logo {
+  content: url('./legends/Logo.png');
+  height: 72px;
+  padding: 0 10px;
+}
+
+#Omnibar #CharityLogo {
+  content: url('./legends/OmnibarCharityLogo.png');
+  height: 58px;
+  margin: 0 15px;
+}
diff --git a/src/graphics/_misc/themes/legends/Logo.png b/src/graphics/_misc/themes/legends/Logo.png
new file mode 100644
index 00000000..ad82c3ed
Binary files /dev/null and b/src/graphics/_misc/themes/legends/Logo.png differ
diff --git a/src/graphics/_misc/themes/legends/OmnibarCharityLogo.png b/src/graphics/_misc/themes/legends/OmnibarCharityLogo.png
new file mode 100644
index 00000000..02e4c857
Binary files /dev/null and b/src/graphics/_misc/themes/legends/OmnibarCharityLogo.png differ