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: update

Browse Source
This commit is contained in:
Fine 2023-11-13 20:44:10 +08:00
parent b01f324a06
commit e52ec0066f
7 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/styles/reset.scss
View File

@ -187,13 +187,13 @@ div.vis-tooltip {
background-color: #e66; background-color: #e66;
opacity: 0.8; opacity: 0.8;
border-color: #e66; border-color: #e66;
color: $text-color !important; color: var(--sw-event-vis-selected) !important;
} }
.vis-item.Normal { .vis-item.Normal {
background-color: #fac858; background-color: #fac858;
border-color: #fac858; border-color: #fac858;
color: $text-color !important; color: var(--sw-event-vis-selected) !important;
} }
.vis-item .vis-item-content { .vis-item .vis-item-content {
@ -202,7 +202,11 @@ div.vis-tooltip {
.vis-item.vis-selected.Error, .vis-item.vis-selected.Error,
.vis-item.vis-selected.Normal { .vis-item.vis-selected.Normal {
color: #1a1a1a !important; color: var(--sw-event-vis-selected) !important;
}
.vis-time-axis .vis-text {
color: var(--sw-time-axis-text) !important;
} }
.el-menu--vertical.sub-list { .el-menu--vertical.sub-list {

6
src/styles/theme.scss
View File

@ -49,6 +49,9 @@ html {
--sw-setting-color: #606266; --sw-setting-color: #606266;
--sw-alarm-tool: #f0f2f5; --sw-alarm-tool: #f0f2f5;
--sw-alarm-tool-border: #c1c5ca41; --sw-alarm-tool-border: #c1c5ca41;
--sw-table-color: #000;
--sw-event-vis-selected: #1a1a1a;
--sw-time-axis-text: #4d4d4d;
} }
html.dark { html.dark {
@ -84,6 +87,9 @@ html.dark {
--sw-setting-color: #eee; --sw-setting-color: #eee;
--sw-alarm-tool: #303133; --sw-alarm-tool: #303133;
--sw-alarm-tool-border: #444; --sw-alarm-tool-border: #444;
--sw-table-color: #fff;
--sw-event-vis-selected: #fff;
--sw-time-axis-text: #aaa;
} }
.el-table tr { .el-table tr {

4
src/views/dashboard/graphs/Table.vue
View File

@ -106,12 +106,12 @@ limitations under the License. -->
.row:first-child { .row:first-child {
div { div {
border-top: 1px solid $disabled-color; border-top: 1px solid $disabled-color;
background: #eee; background-color: var(--border-color-primary);
} }
} }
.header { .header {
color: #000; color: var(--sw-table-color);
font-weight: bold; font-weight: bold;
} }

2
src/views/dashboard/related/continuous-profiling/components/InstanceList.vue
View File

@ -156,7 +156,7 @@ limitations under the License. -->
padding: 1px 0; padding: 1px 0;
border: 1px solid #666; border: 1px solid #666;
border-radius: 3px; border-radius: 3px;
color: #666; color: var(--text-color-placeholder);
cursor: pointer; cursor: pointer;
} }

1
src/views/dashboard/related/continuous-profiling/components/PolicyList.vue
View File

@ -184,7 +184,6 @@ limitations under the License. -->
.profile-tr { .profile-tr {
&:hover { &:hover {
// background-color: rgb(0 0 0 / 4%);
background-color: var(--sw-list-hover); background-color: var(--sw-list-hover);
} }
} }

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

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

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

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