diff --git a/src/assets/index.scss b/src/assets/index.scss
index c04c0ec45076fd1b9d07321cab27ac86e127b99c..c1a8fc8770a308aeb580d7655742d35fe410314f 100644
--- a/src/assets/index.scss
+++ b/src/assets/index.scss
@@ -1,3 +1,5 @@
+@import url('./theme/blue.scss');
+@import url('./common.scss');
 html {
   height: 100%;
   -moz-osx-font-smoothing: grayscale;
diff --git a/src/assets/theme/.keep b/src/assets/theme/.keep
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/assets/theme/blue.scss b/src/assets/theme/blue.scss
new file mode 100644
index 0000000000000000000000000000000000000000..599080dd73b98c0a069fe081cb04fb98e28982fe
--- /dev/null
+++ b/src/assets/theme/blue.scss
@@ -0,0 +1,3 @@
+body[data-theme='blue'] {
+
+}
\ No newline at end of file