gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 主题颜色调整

Browse Source
This commit is contained in:
@changcode
2021-11-24 10:53:50 +08:00
parent 9009b715ae
commit 891c51c55e
6 changed files with 58 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
nezha-fronted/src/assets/css/common.scss
View File

@@ -250,6 +250,12 @@ td .nz-icon-gear:before{
border: 1px solid $--border-color-light;
}
}
.nz-icon-create-square {
color: $--nz-icon-color !important;
}
.el-scrollbar {
background-color: $--background-color-empty;
}
//.editor-core {
// p {
// color: $--color-text-regular;

12
nezha-fronted/src/assets/css/components/common/rightBox/alertSilenceBox.scss
View File

@@ -1,13 +1,21 @@
.range-time {
.el-radio-button--small .el-radio-button__inner,.el-radio-group {
width: 100%;
}
.el-radio-group {
border-left: 1px solid $--border-color-light;
}
.el-radio-button__inner {
border: 1px solid $--border-color-light;
border-left: 0;
background-color: $--background-color-empty;
}
.el-button.is-plain {
background-color: $--background-color-empty;
}
.el-radio-button {
width: 14.2%
}
.el-date-editor.el-range-editor.el-input__inner.el-date-editor--datetimerange.el-range-editor--mini {
width: 100%;
}

42
nezha-fronted/src/assets/css/components/common/v-selectpagenew/selectpage.scss
View File

@@ -1,34 +1,34 @@
.el-picker-panel,.sp-base.sp-inputs,.sp-base.sp-input,.el-picker-panel__footer{
background: $--input-background-color !important;
background: $--input-background-color;
}
.sp-search,.sp-result-area,.sp-pagination {
background-color: $--background-color-empty !important;
background-color: $--background-color-empty;
}
.el-date-table td.today span {
color: $--button-primary-color !important;
.el-date-table td.today.available span {
color: $--select-page-color !important;
}
.sp-table {
th {
color: $--color-text-primary !important;
color: $--color-text-primary;
}
td {
color: $--color-text-regular !important;
color: $--color-text-regular;
}
}
.sp-page-info,.sp-result-message {
color: $--color-text-regular !important;
color: $--color-text-regular;
}
.sp-selected-tag {
color: $--color-text-regular !important;
background-color: $--select-page-tag-background-color !important;
color: $--color-text-regular;
background-color: $--select-page-tag-background-color;
i {
color: $--color-text-regular !important;
color: $--color-text-regular;
}
}
.sp-selected-tag:hover {
background-color: $--background-color-empty !important;
background-color: $--background-color-empty;
i:hover {
color: $--color-text-primary !important;
color: $--color-text-primary;
}
}
.sp-search-input {
@@ -85,7 +85,23 @@ div.v-selectpage div.sp-input-container.sp-open div.sp-input {
color: $--color-primary;
}
}
.el-button--default {
margin-left: 10px;
color: $--button-primary-color;
background: $--select-page-btn-background-color;
border: 1px solid $--border-color-light;
}
.el-button.is-plain:hover {
background-color: $--select-page-btn-background-color;
border-color: $--select-page-btn-border-color;
span {
color: $--select-page-btn-color;
}
}
}
.el-date-picker__time-header,.el-date-table th {
.el-date-table th {
border-bottom: 1px solid $--border-color-light;
}
.el-date-picker__time-header {
border-bottom: 1px solid $--select-page-border-color;
}

6
nezha-fronted/src/assets/css/themes/theme-dark.scss
View File

@@ -139,7 +139,13 @@ $--click-search-items-color: $--color-text-regular; // color
$--select-page-background-color: $--background-color-empty;
$--select-page-hover-background-color: $--button-light-hover-background-color;
$--select-page-focus-color: #666666;
$--select-page-color: $--button-primary-color;
$--select-page-tag-background-color: $--background-color-empty;
$--select-page-border-color: $--border-color-light;
$--select-page-btn-color: mix(#FFF, $--color-primary, 15%);
$--select-page-btn-border-color: mix(#FFF, $--color-primary, 15%);
$--select-page-btn-background-color: $--background-color-base;
// icon字色
$--nz-icon-color: $--button-primary-color;

6
nezha-fronted/src/assets/css/themes/theme-light.scss
View File

@@ -137,7 +137,13 @@ $--click-search-items-color: $--color-primary; // color
$--select-page-background-color: $--background-color-base;
$--select-page-hover-background-color: #f6f8fa;
$--select-page-focus-color: #CCCCCC;
$--select-page-color: #232F3E;
$--select-page-tag-background-color: #e4eaee;
$--select-page-border-color: $--border-color-base-focus;
$--select-page-btn-color: #409eff;
$--select-page-btn-border-color: #409eff;
$--select-page-btn-background-color: #FFFFFF;
// icon 字色
$--nz-icon-color: $--color-primary; //icon

2
nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
View File

@@ -81,7 +81,7 @@
<el-input v-model="item.value" class="silence-matchers-value" placeholder="value" size="mini"></el-input>
<el-checkbox v-model="item.regex" :false-label="0" :true-label="1" class="silence-matchers-regex" >Regex</el-checkbox>
</el-form-item>
<span :id="'moduel-remove-label-'+index" class="param-box-row-symbol" @click="removematchers(index)"><i class="nz-icon nz-icon-shanchu1" style="color:#666;"></i></span>
<span :id="'moduel-remove-label-'+index" class="param-box-row-symbol" @click="removematchers(index)"><i class="nz-icon nz-icon-shanchu1"></i></span>
</div>
<div class="" style="text-align: center;">
<span id="module-add-label" type="button" @click="addmatchers" class="right-box-form-add module-add-label right-box-form-minus-box module-add-label" style="">