FatttSnake/oxygen-ui
1
0
Fork 0
Code Pull Requests Activity

Optimize color in stylesheet

Browse Source
This commit is contained in:
Fat Snake
2023-10-11 18:28:56 +08:00
parent c5b140219b
commit e67f9d14bf
5 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/css/common.scss
View File

@@ -25,8 +25,8 @@
height: 100%; height: 100%;
} }
.background-white { .background-origin {
background-color: white; background-color: constants.$origin-color;
} }
.center-box { .center-box {
@@ -107,9 +107,11 @@
} }
.flex-horizontal { .flex-horizontal {
display: flex;
flex-direction: row; flex-direction: row;
} }
.flex-vertical { .flex-vertical {
display: flex;
flex-direction: column; flex-direction: column;
} }

8
src/assets/css/components/home/footer.scss
View File

@@ -1,19 +1,21 @@
@use "@/assets/css/constants" as constants;
.icons { .icons {
display: flex; display: flex;
gap: 20px; gap: 20px;
.icon { .icon {
font-size: 8em; font-size: 8em;
color: white; color: constants.$origin-color;
} }
} }
.links { .links {
font-size: 2em; font-size: 2em;
text-decoration: underline; text-decoration: underline;
color: white; color: constants.$origin-color;
> * { > * {
color: white; color: constants.$origin-color;
} }
} }

5
src/assets/css/constants.scss
View File

@@ -1,4 +1,7 @@
$main-color: #00D4FF; $origin-color: white;
$main-color: #4E47BB;
$secondary-color: #BAB8E5;
$active-color: #EBECFFD;
$background-color: #F5F5F5; $background-color: #F5F5F5;
$font-main-color: #4D4D4D; $font-main-color: #4D4D4D;
$font-secondary-color: #9E9E9E; $font-secondary-color: #9E9E9E;

6
src/assets/css/pages/home-framework.scss
View File

@@ -8,7 +8,7 @@
z-index: 1; z-index: 1;
width: 100%; width: 100%;
height: 70px; height: 70px;
background-color: white; background-color: constants.$origin-color;
border: { border: {
bottom: { bottom: {
width: 1px; width: 1px;
@@ -99,7 +99,7 @@
position: absolute; position: absolute;
width: 100%; width: 100%;
text-align: center; text-align: center;
background-color: white; background-color: constants.$origin-color;
overflow: hidden; overflow: hidden;
.item { .item {
@@ -171,7 +171,7 @@
color: constants.$border-color; color: constants.$border-color;
style: solid; style: solid;
}; };
background-color: white; background-color: constants.$origin-color;
z-index: 1; z-index: 1;
ul { ul {

6
src/assets/css/pages/login.scss
View File

@@ -1,3 +1,5 @@
@use "@/assets/css/constants" as constants;
.login-background { .login-background {
display: flex; display: flex;
height: 100vh; height: 100vh;
@@ -24,7 +26,7 @@
.login-box-left-text { .login-box-left-text {
font-size: 3rem; font-size: 3rem;
color: white; color: constants.$origin-color;
font-weight: bold; font-weight: bold;
> div:last-child { > div:last-child {
@@ -37,7 +39,7 @@
position: relative; position: relative;
height: 100%; height: 100%;
flex: 3; flex: 3;
background-color: white; background-color: constants.$origin-color;
} }
.login-from-text { .login-from-text {