diff --git a/themes/html.css b/themes/html.css
new file mode 100644
index 0000000..7db812d
--- /dev/null
+++ b/themes/html.css
@@ -0,0 +1,7 @@
+@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700";
+@import "https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css";
+
+.highlight01 {background: #66ffff}
+.highlight02 {background: #b3ff66}
+.highlight03 {background: #ffd966}
+.highlight04 {background: #b366ff}
diff --git a/themes/pdf-theme.yml b/themes/pdf-theme.yml
new file mode 100644
index 0000000..c4d584b
--- /dev/null
+++ b/themes/pdf-theme.yml
@@ -0,0 +1,11 @@
+extends: default
+
+role:
+  highlight01:
+    background-color: #66ffff
+  highlight02:
+    background-color: #b3ff66
+  highlight03:
+    background-color: #ffd966
+  highlight04:
+    background-color: #b366ff