diff --git a/example-site/static/syntax-highlighting.css b/example-site/static/syntax-highlighting.css
new file mode 100644
index 0000000..38e0225
--- /dev/null
+++ b/example-site/static/syntax-highlighting.css
@@ -0,0 +1,63 @@
+/*
+ * theme "IDLE" generated by syntect
+ */
+
+.sh-code {
+ color: #000000;
+ background-color: #ffffff;
+}
+
+.sh-comment {
+ color: #919191;
+}
+.sh-string {
+ color: #00a33f;
+}
+.sh-constant.sh-numeric {
+}
+.sh-constant.sh-language {
+ color: #a535ae;
+}
+.sh-constant.sh-character, .sh-constant.sh-other {
+}
+.sh-variable.sh-language, .sh-variable.sh-other {
+}
+.sh-keyword {
+ color: #ff5600;
+}
+.sh-storage {
+ color: #ff5600;
+}
+.sh-entity.sh-name.sh-type {
+ color: #21439c;
+}
+.sh-entity.sh-other.sh-inherited-class {
+}
+.sh-entity.sh-name.sh-function {
+ color: #21439c;
+}
+.sh-variable.sh-parameter {
+}
+.sh-entity.sh-name.sh-tag {
+}
+.sh-entity.sh-other.sh-attribute-name {
+}
+.sh-support.sh-function {
+ color: #a535ae;
+}
+.sh-support.sh-constant {
+ color: #a535ae;
+}
+.sh-support.sh-type, .sh-support.sh-class {
+ color: #a535ae;
+}
+.sh-support.sh-variable {
+ color: #a535ae;
+}
+.sh-invalid {
+ color: #ffffff;
+ background-color: #990000;
+}
+.sh-constant.sh-other.sh-placeholder.sh-py {
+ color: #990000;
+}
diff --git a/example-site/templates/base.html b/example-site/templates/base.html
index 481b950..8011584 100644
--- a/example-site/templates/base.html
+++ b/example-site/templates/base.html
@@ -4,6 +4,7 @@
 	<meta charset="UTF-8">
 	<title>My Site :: {% block title %}{% endblock title %}</title>
 	<link rel="stylesheet" type="text/css" href="/site.css">
+	<link rel="stylesheet" type="text/css" href="/syntax-highlighting.css">
 	<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
 	<link rel="alternate" type="application/rss+xml" title="My Site" href="/rss/">