diff --git a/src/templates/slides.html b/src/templates/slides.html
index 2dfa3fd..6b863cb 100644
--- a/src/templates/slides.html
+++ b/src/templates/slides.html
@@ -1,5 +1,5 @@
 {% extends "layout.html" %}
-{% set active_page = "slides" %}
+
 {% block title %}slides{% endblock %}
 {% block head %}
   {{ super() }}
@@ -9,10 +9,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
     <link rel="stylesheet" href="static/css/reveal.css">
-    <link rel="stylesheet" href="static/css/theme/black.css" id="theme">
+    <!-- <link rel="stylesheet" href="static/css/theme/black.css" id="theme"> -->
+
 
-    <!-- Theme used for syntax highlighting of code -->
-    <link rel="stylesheet" href="static/lib/css/zenburn.css">
 
     <!-- Printing and PDF exports -->
     <script>
diff --git a/src/templates/slides_dark.html b/src/templates/slides_dark.html
new file mode 100644
index 0000000..d3ec4a4
--- /dev/null
+++ b/src/templates/slides_dark.html
@@ -0,0 +1,9 @@
+{% set active_page = "slides" %}
+{% extends "slides.html" %}
+{% block head %}
+  {{ super() }}
+  <link rel="stylesheet" href="static/css/theme/black.css" id="theme">
+  <!-- Theme used for syntax highlighting of code -->
+  <link rel="stylesheet" href="static/lib/css/zenburn.css">
+
+{% endblock %}
\ No newline at end of file
diff --git a/src/templates/slides_light.html b/src/templates/slides_light.html
new file mode 100644
index 0000000..2713f9b
--- /dev/null
+++ b/src/templates/slides_light.html
@@ -0,0 +1,10 @@
+{% extends "slides.html" %}
+{% set active_page = "light" %}
+{% block head %}
+  {{ super() }}
+  <link rel="stylesheet" href="static/css/theme/solarized.css" id="theme">
+  <!-- Theme used for syntax highlighting of code -->
+  <link rel="stylesheet" href="static/lib/css/android-light.css">
+  {# <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/sunburst.min.css"> #}
+
+{% endblock %}
\ No newline at end of file