调整配色
This commit is contained in:
@@ -4,5 +4,7 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
|
|||||||
// 颜色
|
// 颜色
|
||||||
$--color-primary: #2196F3;
|
$--color-primary: #2196F3;
|
||||||
$--color-success: #4CAF50;
|
$--color-success: #4CAF50;
|
||||||
|
$--color-text-primary: #555555;
|
||||||
|
$--color-text-secondary: #909090;
|
||||||
|
|
||||||
@import "~element-ui/packages/theme-chalk/src/index";
|
@import "~element-ui/packages/theme-chalk/src/index";
|
||||||
|
@@ -13,10 +13,10 @@
|
|||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
background-color: #DDD;
|
background-color: #DFDFDF;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: #BBB;
|
background-color: #CCCCCC;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -34,7 +34,7 @@ html {
|
|||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
color: #555;
|
color: @textPrimary;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
-webkit-tap-highlight-color: transparent;
|
-webkit-tap-highlight-color: transparent;
|
||||||
@@ -98,7 +98,7 @@ body {
|
|||||||
|
|
||||||
.loading-link {
|
.loading-link {
|
||||||
background-color: rgba(255, 255, 255, 0.5) !important;
|
background-color: rgba(255, 255, 255, 0.5) !important;
|
||||||
backdrop-filter: blur(.2rem);
|
backdrop-filter: blur(0.2rem);
|
||||||
|
|
||||||
.el-loading-spinner {
|
.el-loading-spinner {
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
|
@@ -3,9 +3,14 @@
|
|||||||
@headerHeight: 4rem;
|
@headerHeight: 4rem;
|
||||||
|
|
||||||
@colorPrimary: #2196F3;
|
@colorPrimary: #2196F3;
|
||||||
@colorSecondary: #67C23A;
|
@colorPrimaryDark: #1976D2;
|
||||||
@colorGrey: #9E9E9E;
|
@colorPrimaryLight: #BBDEFB;
|
||||||
|
@colorSecondary: #4CAF50;
|
||||||
|
@colorGrey: #BDBDBD;
|
||||||
@colorRed: #F44336;
|
@colorRed: #F44336;
|
||||||
@colorWhite: #F9F9F9;
|
@colorWhite: #F9F9F9;
|
||||||
|
|
||||||
@transitionTime: .25s;
|
@textPrimary: #555555;
|
||||||
|
@textSecondary: #909090;
|
||||||
|
|
||||||
|
@transitionTime: 0.25s;
|
||||||
|
@@ -82,12 +82,13 @@ export default {
|
|||||||
.title {
|
.title {
|
||||||
line-height: 2.5rem;
|
line-height: 2.5rem;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
|
color: @textPrimary;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
line-height: 1.8rem;
|
line-height: 1.8rem;
|
||||||
font-size: 0.85rem;
|
font-size: 0.85rem;
|
||||||
color: #888;
|
color: @textSecondary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@@ -191,7 +191,7 @@ export default {
|
|||||||
top: 1rem;
|
top: 1rem;
|
||||||
left: 0;
|
left: 0;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #555;
|
color: @textPrimary;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-item {
|
.tool-item {
|
||||||
@@ -203,7 +203,7 @@ export default {
|
|||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
background-color: #FFF;
|
background-color: #FFF;
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
color: #555;
|
color: @textPrimary;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
transition: all @transitionTime;
|
transition: all @transitionTime;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@@ -227,7 +227,7 @@ export default {
|
|||||||
height: calc(1.5em * 2);
|
height: calc(1.5em * 2);
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
color: #999;
|
color: @textSecondary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@@ -68,7 +68,7 @@ export default {
|
|||||||
position: relative;
|
position: relative;
|
||||||
margin: 1.5rem 0;
|
margin: 1.5rem 0;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #222;
|
color: @textPrimary;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .title::before {
|
> .title::before {
|
||||||
|
Reference in New Issue
Block a user