github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-12 15:52:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: trace theme

Browse Source
This commit is contained in:
Fine 2023-11-11 17:52:34 +08:00
parent 96830ca3ef
commit 187af674f5
3 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/styles/theme.scss
View File

@ -41,6 +41,9 @@ html {
--sw-topology-box-shadow: #eee 1px 2px 10px; --sw-topology-box-shadow: #eee 1px 2px 10px;
--sw-topology-setting-bg: #fff; --sw-topology-setting-bg: #fff;
--sw-topology-border: 1px solid #999; --sw-topology-border: 1px solid #999;
--sw-trace-success: rgb(46 47 51 / 10%);
--sw-trace-list-border: rgb(0 0 0 / 7%);
--sw-trace-list-hover: #ededed;
} }
html.dark { html.dark {
@ -68,6 +71,9 @@ html.dark {
--sw-topology-box-shadow: 0 0 2px 0 #444; --sw-topology-box-shadow: 0 0 2px 0 #444;
--sw-topology-setting-bg: #333; --sw-topology-setting-bg: #333;
--sw-topology-border: 1px solid #666; --sw-topology-border: 1px solid #666;
--sw-trace-success: #aaa;
--sw-trace-list-border: #333;
--sw-trace-list-hover: #3d444f;
} }
.el-table tr { .el-table tr {

2
src/views/dashboard/related/trace/Detail.vue
View File

@ -178,7 +178,7 @@ limitations under the License. -->
height: 95px; height: 95px;
.grey { .grey {
color: $text-color; color: #fff;
background-color: $active-background; background-color: $active-background;
} }

6
src/views/dashboard/related/trace/TraceList.vue
View File

@ -197,15 +197,15 @@ limitations under the License. -->
.trace-td { .trace-td {
padding: 5px; padding: 5px;
border-bottom: 1px solid rgb(0 0 0 / 7%); border-bottom: 1px solid var(--sw-trace-list-border);
&.selected { &.selected {
background-color: #ededed; background-color: var(--sw-trace-list-hover);
} }
} }
.trace-success { .trace-success {
border-left: 4px solid rgb(46 47 51 / 10%); border-left: 4px solid var(--sw-trace-success);
} }
.trace-warning { .trace-warning {