Merge pull request #232 from ticlo/revert-231-fix-dark-theme-example

Revert "Fix dark theme example"

Author: slavamuravey

example/style-common.scss

@@ -1,2 +1,2 @@
+@import "./style";
 @import "../style/index-dark";
-@import "./style-common";

example/style-dark.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%;
+}