github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2026-05-08 02:25:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

theming

Browse Source
This commit is contained in:
Brandon Fergerson
2022-05-02 15:30:47 +04:00
parent 75e8b2c08a
commit 212e706caa
7 changed files with 84 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/styles/jetbrains-dark.scss
View File

@@ -1,5 +1,5 @@
:root {
--spp-white: #A9B7C6;
--spp-white: #808080;
--spp-light-grey: #A9B7C6;
--spp-grey: #A9B7C6;
--spp-light-blue: #629755;
@@ -66,6 +66,7 @@
.el-popper.is-light {
background: var(--nice-black);
border: 1px solid var(--border-color) !important;
}
.micro-topo-chart .operations-list {
@@ -213,11 +214,20 @@
.el-sub-menu__title {
background-color: var(--spp-other-green) !important;
&:hover {
background-color: var(--dashboard-tool-background) !important;
}
}
.el-menu-item {
&:hover {
background-color: var(--dashboard-tool-background) !important;
}
}
.el-menu-item.is-active {
color: var(--spp-red) !important;
background-color: var(--menu-selected-color) !important;
background-color: var(--dashboard-tool-background) !important;
}
.bar-select {
@@ -231,7 +241,7 @@
.nav-bar {
background-color: var(--spp-darkest-green) !important;
border-bottom: 1px solid var(--spp-darkest-green) !important;
color: var(--spp-white) !important;
color: var(--spp-light-grey) !important;
}
.nav-bar.dark {
@@ -241,11 +251,15 @@
.tools {
&:hover {
color: var(--spp-red) !important;
color: var(--spp-white) !important;
}
}
.chart-card {
color: var(--spp-light-grey) !important;
}
.unit {
color: var(--spp-white) !important;
}
@@ -312,7 +326,7 @@
}
.vue-grid-item.active {
border: 1px solid var(--spp-red) !important;
border: 1px solid var(--border-color) !important;
}
.vue-grid-layout {
@@ -323,10 +337,6 @@
background: var(--spp-dark-green) !important;
}
.vue-grid-item.active {
border: 1px solid var(--spp-red) !important;
}
.dashboard-tool {
background: var(--dashboard-tool-background) !important;
border-bottom: 1px solid var(--border-color) !important;
@@ -366,7 +376,7 @@
}
.link {
color: var(--spp-red) !important;
color: var(--spp-light-grey) !important;
}
.dark-dialog {
@@ -416,3 +426,58 @@ a {
.log-tips {
color: red;
}
.el-progress-bar__outer {
background-color: var(--widget-background) !important;
}
.menu-control {
color: var(--spp-white) !important;
}
.el-notification {
background-color: var(--widget-background) !important;
border: 1px solid var(--border-color) !important;
}
.el-notification__title {
color: var(--spp-white) !important;
}
.el-notification__content {
color: var(--spp-light-grey) !important;
}
.graph {
background-color: var(--widget-background) !important;
border: 1px solid var(--border-color) !important;
}
.header,
.footer {
background-color: var(--table-header-color) !important;
border-top: 1px solid var(--border-color) !important;
}
.el-collapse-item__header {
background-color: var(--spp-darkest-green) !important;
border: 1px solid var(--border-color) !important;
}
.el-collapse-item__wrap {
background-color: var(--widget-background) !important;
border: 1px solid var(--border-color) !important;
}
.el-collapse-item__content {
background-color: var(--dashboard-tool-background) !important;
border: 1px solid var(--border-color) !important;
}
.attributes {
color: var(--spp-light-grey) !important;
}
.scroll-handler__wrapper .scroll-to.active {
background-color: var(--border-color) !important;
}