github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-14 11:21:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(style): add scss variables (#291)

Browse Source
This commit is contained in:
Fine0830
2023-06-28 15:46:27 +08:00
committed by GitHub
parent 63db3fbc2e
commit 9ac1265e7f
85 changed files with 308 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/styles/lib.scss
View File

@@ -189,12 +189,12 @@
.scroll_bar_style::-webkit-scrollbar-track {
background-color: #eee;
border-radius: 3px;
box-shadow: inset 0 0 6px #ccc;
box-shadow: inset 0 0 6px $disabled-color;
}
.scroll_bar_style::-webkit-scrollbar-thumb {
border-radius: 3px;
box-shadow: inset 0 0 6px #ccc;
box-shadow: inset 0 0 6px $disabled-color;
background-color: #aaa;
}
@@ -220,7 +220,7 @@
padding: 8px;
color: #eee;
border-radius: 4px;
font-size: 12px;
font-size: $font-size-smaller;
}
.d3-tip {
background: #252a2f;

25
src/styles/light.scss Normal file
View File

@@ -0,0 +1,25 @@
/**
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements. See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to You under the Apache License, Version 2.0
* (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
$font-color: #3d444f;
$text-color: #fff;
$disabled-color: #ccc;
$active-color: #409eff;
$theme-background: #fff;
$active-background: #409eff;
$font-size-smaller: 12px;
$font-size-normal: 14px;

14
src/styles/reset.scss
View File

@@ -18,8 +18,8 @@
body {
margin: 0;
line-height: 1.5;
font-size: 14px;
color: #3d444f;
font-size: $font-size-normal;
color: $font-color;
font-family: Helvetica, Arial, "Source Han Sans CN", "Microsoft YaHei", sans-serif;
text-rendering: optimizelegibility;
text-size-adjust: 100%;
@@ -81,7 +81,7 @@ h4 {
}
h5 {
font-size: 14px;
font-size: $font-size-normal;
}
h6 {
@@ -153,7 +153,7 @@ pre {
}
.el-switch__label * {
font-size: 12px;
font-size: $font-size-smaller;
}
.el-drawer__header {
@@ -173,9 +173,9 @@ pre {
div.vis-tooltip {
max-width: 600px;
overflow: hidden;
background-color: #fff !important;
background-color: $theme-background !important;
white-space: normal !important;
font-size: 12px !important;
font-size: $font-size-smaller !important;
}
.vis-item {
@@ -187,7 +187,7 @@ div.vis-tooltip {
background-color: #e66;
opacity: 0.8;
border-color: #e66;
color: #fff !important;
color: $text-color !important;
}
.vis-item.Normal {