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: add color

Browse Source
This commit is contained in:
Fine 2023-11-07 17:42:55 +08:00
parent f0810decd0
commit 13081abf81
8 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/styles/theme.scss
View File

@ -31,14 +31,14 @@
.dark {
--el-color-primary: #409eff;
--theme-background: #36383d;
--theme-background: #212224;
--font-color: #fafbfc;
--disabled-color: #ccc;
--el-text-color-regular: #fafbfc;
--dashboard-tool-bg: #000;
--text-color-placeholder: #ccc;
--border-color: #262629;
--border-color-primary: #666;
--border-color-primary: #4b4b52;
--layout-background: #000;
--el-switch-off: #999;
}

5
src/views/dashboard/controls/Tab.vue
View File

@ -302,15 +302,16 @@ limitations under the License. -->
height: 20px;
line-height: 20px;
outline: none;
color: #333;
color: $font-color;
font-style: normal;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 20px;
background-color: $theme-background;
}
.tab-icons {
color: #333;
color: $font-color;
i {
margin-right: 3px;

1
src/views/dashboard/controls/Topology.vue
View File

@ -59,7 +59,6 @@ limitations under the License. -->
</script>
<style lang="scss" scoped>
.topology {
// background-color: #333840;
width: 100%;
height: 100%;
font-size: $font-size-smaller;

2
src/views/dashboard/graphs/Card.vue
View File

@ -61,7 +61,7 @@ limitations under the License. -->
</script>
<style lang="scss" scoped>
.chart-card {
color: #333;
color: $font-color;
width: 100%;
height: 100%;
display: flex;

8
src/views/dashboard/graphs/TopList.vue
View File

@ -141,7 +141,7 @@ limitations under the License. -->
.progress-bar {
font-size: $font-size-smaller;
color: #333;
color: $font-color;
}
.chart-slow-i {
@ -171,7 +171,7 @@ limitations under the License. -->
padding: 4px 10px 7px;
border-radius: 4px;
border: 1px solid #ddd;
color: #333;
color: $font-color;
background-color: $theme-background;
will-change: opacity, background-color;
transition: opacity 0.3s, background-color 0.3s;
@ -188,12 +188,12 @@ limitations under the License. -->
}
.operation-icon {
color: #333;
color: $font-color;
}
.operation {
padding: 5px 0;
color: #333;
color: $font-color;
cursor: pointer;
position: relative;
text-align: center;

2
src/views/dashboard/related/topology/components/Graph.vue
View File

@ -734,7 +734,7 @@ limitations under the License. -->
.operations-list {
position: absolute;
color: #333;
color: $font-color;
cursor: pointer;
background-color: $theme-background;
border-radius: 5px;

2
src/views/dashboard/related/topology/components/PodTopology.vue
View File

@ -322,7 +322,7 @@ limitations under the License. -->
.operations-list {
position: absolute;
padding: 10px 0;
color: #333;
color: $font-color;
cursor: pointer;
background-color: $theme-background;
border-radius: 3px;

6
src/views/dashboard/related/trace/components/Table/TableItem.vue
View File

@ -285,7 +285,7 @@ limitations under the License. -->
padding: 10px;
border-radius: 5px;
border: 1px solid $disabled-color;
background-color: #333;
background-color: $font-color;
color: $text-color;
text-align: center;
box-shadow: #eee 1px 2px 10px;
@ -297,8 +297,8 @@ limitations under the License. -->
position: absolute;
left: 250px;
top: 20px;
border: 6px solid #333;
border-color: transparent transparent #333;
border: 6px solid $font-color;
border-color: transparent transparent $font-color;
display: none;
}