github/go-view
4
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2026-04-23 00:00:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 新增主题颜色选择

Browse Source
This commit is contained in:
MTrun
2022-03-12 18:46:51 +08:00
parent c3e5117b31
commit e2e72ff9fd
14 changed files with 8682 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/common/_dark.scss
+1
View File
@@ -17,6 +17,7 @@ $dark: (
background-color5-shallow: $--color-dark-bg-5-shallow,
// 毛玻璃背景
filter-color: $--filter-color-login-dark,
filter-color-shallow: $--filter-color-login-dark-shallow,
//渐变背景
background-image:
linear-gradient(120deg, $--color-dark-bg-1 0%, $--color-dark-bg-1 100%),
src/styles/common/_light.scss
+1
View File
@@ -19,6 +19,7 @@ $light: (
background-color5-shallow: $--color-light-bg-5-shallow,
// 毛玻璃背景
filter-color: $--filter-color-login-light,
filter-color-shallow: $--filter-color-login-light-shallow,
//渐变背景
background-image:
linear-gradient(120deg, $--color-light-bg 0%, $--color-light-bg 100%),
src/styles/common/style.scss
+7
View File
@@ -53,6 +53,13 @@
box-shadow: $--border-shadow;
}
// 毛玻璃
.go-background-filter-shallow {
backdrop-filter: $--filter-blur-base;
@include filter-bg-color('filter-color-shallow');
box-shadow: $--border-shadow;
}
// 边框圆角
.go-border-radius {
border-radius: $--border-radius-base;
src/styles/common/var.scss
+2
View File
@@ -54,7 +54,9 @@ $--footer-height: 50px;
$--filter-blur-base: blur(20px);
// 毛玻璃
$--filter-color-login-dark: rgba(35,35,36, 0.7);
$--filter-color-login-dark-shallow: rgba(35,35,36, 0.3);
$--filter-color-login-light: rgba(240, 240, 240, 0.7);
$--filter-color-login-light-shallow: rgba(240, 240, 240, 0.3);
// 边框
$--border-radius-base: 8px;