diff --git a/package.json b/package.json
index de2ac83..c3e1c91 100644
--- a/package.json
+++ b/package.json
@@ -39,6 +39,8 @@
     "@vue/eslint-plugin": "^4.2.0",
     "babel-eslint": "^10.0.2",
     "eslint-plugin-vue": "^5.0.0-0",
+    "node-sass": "^4.12.0",
+    "sass-loader": "^7.1.0",
     "vue-template-compiler": "^2.5.17"
   },
   "postcss": {
diff --git a/src/styles/hljs-shisutakia-theme.scss b/src/styles/hljs-shisutakia-theme.scss
new file mode 100644
index 0000000..e51ea19
--- /dev/null
+++ b/src/styles/hljs-shisutakia-theme.scss
@@ -0,0 +1,63 @@
+$primary-color: #e0e2e4;
+$attribute-color: #d64c5c;
+$variable-color: $primary-color;
+$string-color: #4cd656;
+$comment-color: #7d8c93;
+$keyword-color: #e784a2;
+$name-color: #e784a2;
+$title-color: #85b5c7;
+$symbol-color: #fff;
+$number-color: #2dd5d5;
+$tag-color: #e8e2b7;
+$regexp-color: #6b60aa;
+
+.hljs- {
+	&keyword {
+		color: $keyword-color;
+	}
+
+	&attribute {
+		color: $attribute-color;
+	}
+
+	&string {
+		color: $string-color;
+	}
+
+	&comment {
+		color: $comment-color;
+	}
+
+	&tag {
+		color: $tag-color;
+	}
+
+	&name, &built_in {
+		color: $name-color;
+		font-weight: bold;
+	}
+
+	&symbol {
+		color: $symbol-color;
+	}
+
+	&title {
+		color: $title-color;
+	}
+
+	&number {
+		color: $number-color;
+	}
+
+	&regexp {
+		color: $regexp-color;
+	}
+
+	&type, &class, &title {
+		color: $title-color;
+	}
+
+	&literal, &variable, &template-variable, &tag .hljs-attr {
+		color: $variable-color;
+	}
+}
\ No newline at end of file