From 41a1d6f302bb37aac6429ab59d45bc6509ac7ea3 Mon Sep 17 00:00:00 2001
From: slavamuravey <slavamuravey@mail.ru>
Date: Fri, 2 Aug 2024 15:59:58 +0700
Subject: [PATCH] Fix dark theme example

---
 example/style-common.scss | 62 ++++++++++++++++++++++++++++++++++++++
 example/style-dark.scss   |  2 +-
 example/style.scss        | 63 +--------------------------------------
 3 files changed, 64 insertions(+), 63 deletions(-)
 create mode 100644 example/style-common.scss

diff --git a/example/style-common.scss b/example/style-common.scss
new file mode 100644
index 00000000..f89c726c
--- /dev/null
+++ b/example/style-common.scss
@@ -0,0 +1,62 @@
+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 ae88faae..198bffb0 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 f3a1c6d6..61bc55dc 100644
--- a/example/style.scss
+++ b/example/style.scss
@@ -1,65 +1,4 @@
 @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%;
-}