themeing

src/components/FullVue.vue

@@ -192,10 +192,9 @@ export default defineComponent({
     display: flex;
     flex-direction: column;
     right: 0;
-    // top: 50%;
-    //transform: translateY(60%);
+    top: 37vh;
     height: auto;
-    width: 20px;
+    width: 17px;
 
     .full-scroll-to {
       opacity: 0.5;
@@ -210,7 +209,7 @@ export default defineComponent({
     .full-scroll-to.active {
       opacity: 1;
       padding: 6px;
-      background: #9876AA;
+      background: #1a1a1a;
     }
   }
 }

src/views/dashboard/data.ts

@@ -254,15 +254,13 @@ export const QueryOrders = [
 ];
 export const TextColors: { [key: string]: string } = {
   green: "#629755",
-  blue: "#6897BB",
+  blue: "#409EFF",
   red: "#e1483b",
   grey: "#909399",
   white: "#fff",
   black: "#000",
-  orange: "#CC7832",
+  orange: "#E6A23C",
   purple: "#9876AA",
-  yellow: "#FFC66D",
-  brown: "#8A653B",
 };
 
 export const CalculationOpts = [

src/views/dashboard/panel/Tool.vue

@@ -711,7 +711,8 @@ watch(
 <style lang="scss" scoped>
 .dashboard-tool {
   text-align: right;
-  padding: 3px 5px 5px 5px;
+  height: 35px;
+  padding: 0 5px 0 5px;
   background: rgb(240, 242, 245);
   border-bottom: 1px solid #dfe4e8;
   justify-content: space-between;

src/views/dashboard/panel/component/TraceDetailsTools.vue

@@ -277,6 +277,7 @@ export default defineComponent({
 }
 
 .trace-detail-wrapper {
+  height: 35px;
   font-size: 12px;
   width: 100%;
   justify-content: space-between;

src/views/dashboard/related/trace/Detail.vue

@@ -135,7 +135,6 @@ export default defineComponent({
   height: 100%;
   // height: calc(100% - 100px);
   overflow: auto;
-  padding-bottom: 20px;
 }
 .trace-chart.full-view {
   height: calc(100% - 1px) !important;