frost-craft/frost-navigation
1
0
Fork 0
Code Releases Activity

调整配色

Browse Source
This commit is contained in:
Frost-ZX
2021-06-14 00:58:13 +08:00
parent 14aa41a400
commit 0e10454095
6 changed files with 20 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/css/element.scss
View File

@@ -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";

8
src/assets/css/global.less
View File

@@ -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%);

11
src/assets/css/variable.less
View File

@@ -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;

3
src/views/About.vue
View File

@@ -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;
} }
} }
} }

6
src/views/Tools.vue
View File

@@ -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;
} }
} }
} }

2
src/views/ToolsDetail.vue
View File

@@ -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 {