github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-15 12:49:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement the Dark Theme (#334)

Browse Source
This commit is contained in:
Fine0830
2023-11-14 20:37:15 +08:00
committed by GitHub
parent 780104c5d2
commit 832dc1676b
81 changed files with 638 additions and 351 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
View File

@@ -524,7 +524,7 @@ limitations under the License. -->
cursor: pointer;
transition: all 0.5ms linear;
border: 1px solid $disabled-color;
color: #666;
color: var(--text-color-placeholder);
display: inline-block;
padding: 5px;
border-radius: 3px;
@@ -568,7 +568,7 @@ limitations under the License. -->
position: absolute;
visibility: hidden;
padding: 5px;
border: 1px solid #000;
border: var(--sw-topology-border);
border-radius: 3px;
background-color: $theme-background;
}

8
src/views/dashboard/related/network-profiling/components/Tasks.vue
View File

@@ -216,7 +216,7 @@ limitations under the License. -->
width: 330px;
height: calc(100% - 10px);
overflow: auto;
border-right: 1px solid rgb(0 0 0 / 10%);
border-right: 1px solid var(--sw-trace-list-border);
}
.item span {
@@ -228,7 +228,7 @@ limitations under the License. -->
border-bottom: 1px solid rgb(0 0 0 / 7%);
&.selected {
background-color: #ededed;
background-color: var(--sw-list-selected);
}
}
@@ -253,14 +253,14 @@ limitations under the License. -->
.profile-tr {
&:hover {
background-color: rgb(0 0 0 / 4%);
background-color: var(--sw-list-hover);
}
}
.profile-t-tool {
padding: 10px 5px 10px 10px;
border-bottom: 1px solid rgb(0 0 0 / 7%);
background: #f3f4f9;
background-color: var(--sw-table-header);
width: 100%;
}

2
src/views/dashboard/related/network-profiling/components/TimeLine.vue
View File

@@ -142,7 +142,7 @@ limitations under the License. -->
cursor: pointer;
transition: all 0.5ms linear;
border: 1px solid $disabled-color;
color: #666;
color: var(--text-color-placeholder);
display: inline-block;
padding: 5px;
border-radius: 3px;