structure adjustment

lib/ui/css/variables/definition.scss

@@ -0,0 +1,38 @@
+// animation
+@keyframes loading-spinner {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(359deg);
+    }
+}
+
+:root {
+    --color: #201f1e;
+    --red-color: red;
+    --bg-color: #fff;
+    --title-color: #fff;
+    --title-bg-color: rgb(68, 114, 196);
+    --border-color: #d9d9d9;
+    --focus-color: #666;
+    --disabled-bg-color: #e9e9e9;
+    --disabled-color: #aaa;
+    --box-color: #999898;
+    --disabled-box-color: #d9d9d9;
+    --hover-bg-color: #eee;
+    --link-color: #1890ff;
+    --primary-color: rgb(123, 28, 33);
+    --loading-bg-color: hsla(0, 0%, 100%, .4);
+    --loading-fore-color: rgba(0, 0, 0, .2);
+
+    --border-radius: 2px;
+    --text-indent: 4px;
+    --line-height: 24px;
+
+    --font-size: .8125rem;          // 13px
+    --font-smaller-size: .75rem;    // 12px
+    --font-larger-size: .875rem;    // 14px
+    --font-family: "Franklin Gothic Book", "San Francisco", "Segoe UI", "Open Sans", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei UI", sans-serif;
+}