diff --git a/example/style-common.scss b/example/style-common.scss
deleted file mode 100644
index f89c726c..00000000
--- a/example/style-common.scss
+++ /dev/null
@@ -1,62 +0,0 @@
-body {
-  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  height: 100%;
-  margin: 0;
-  background: $background-color;
-  color: $text-color;
-}
-
-.dock-tabpane > div {
-  padding: 20px;
-}
-
-.top-panel {
-  position: absolute;
-  display: flex;
-  align-items: center;
-  padding: 0 20px;
-}
-
-.btn {
-  display: inline-block;
-  margin: 5px;
-  font-weight: 400;
-  text-align: center;
-  vertical-align: middle;
-  user-select: none;
-  -webkit-user-select: none;
-  color: #212529;
-  background-color: $component-background;
-  border: 1px solid #e9ecef;
-  padding: 3px 10px;
-  font-size: 1rem;
-  line-height: 1.5;
-  border-radius: 0.25rem;
-  cursor: pointer;
-}
-
-
-.btn:hover {
-  color: #000;
-  background-color: #f8f8f8;
-  border-color: #cbd3da;
-  text-decoration: none;
-}
-
-.btn:focus {
-  outline: 0;
-}
-
-.btn.disabled {
-  color: $disabled-color;
-  background-color: #f8f8f8;
-  border-color: #e9ecef;
-  opacity: 0.65;
-}
-
-iframe {
-  box-sizing: border-box;
-  border: none;
-  width: 100%;
-  height: 100%;
-}
\ No newline at end of file
diff --git a/example/style-dark.scss b/example/style-dark.scss
index 198bffb0..ae88faae 100644
--- a/example/style-dark.scss
+++ b/example/style-dark.scss
@@ -1,2 +1,2 @@
+@import "./style";
 @import "../style/index-dark";
-@import "./style-common";
diff --git a/example/style.scss b/example/style.scss
index 61bc55dc..f3a1c6d6 100644
--- a/example/style.scss
+++ b/example/style.scss
@@ -1,4 +1,65 @@
 @import "../style/index-light";
-@import "./style-common";
 
+body {
+  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  height: 100%;
+  margin: 0;
+  background: $background-color;
+  color: $text-color;
+}
+
+.dock-tabpane > div {
+  padding: 20px;
+}
+
+.top-panel {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  padding: 0 20px;
+}
+
+.btn {
+  display: inline-block;
+  margin: 5px;
+  font-weight: 400;
+  text-align: center;
+  vertical-align: middle;
+  user-select: none;
+  -webkit-user-select: none;
+  color: #212529;
+  background-color: $component-background;
+  border: 1px solid #e9ecef;
+  padding: 3px 10px;
+  font-size: 1rem;
+  line-height: 1.5;
+  border-radius: 0.25rem;
+  cursor: pointer;
+}
+
+
+.btn:hover {
+  color: #000;
+  background-color: #f8f8f8;
+  border-color: #cbd3da;
+  text-decoration: none;
+}
+
+.btn:focus {
+  outline: 0;
+}
+
+.btn.disabled {
+  color: $disabled-color;
+  background-color: #f8f8f8;
+  border-color: #e9ecef;
+  opacity: 0.65;
+}
+
+iframe {
+  box-sizing: border-box;
+  border: none;
+  width: 100%;
+  height: 100%;
+}