|
@@ -1,6 +1,9 @@
|
|
|
+:root{
|
|
|
+ --primary-color: #ff8057;
|
|
|
+}
|
|
|
html, body{
|
|
|
margin: 0;
|
|
|
- background: #2DC7AA;
|
|
|
+ background: var(--primary-color);
|
|
|
min-height: 100vh;
|
|
|
background-image: url('./icons/header.png');
|
|
|
background-size: contain;
|
|
@@ -11,7 +14,7 @@ html, body{
|
|
|
}
|
|
|
|
|
|
:root{
|
|
|
- --plyr-color-main: #01c1b5;
|
|
|
+ --plyr-color-main: var(--primary-color);
|
|
|
--plyr-font-size-base: 30px;
|
|
|
--plyr-control-icon-size: 36px;
|
|
|
--plyr-range-thumb-height: 26px;
|
|
@@ -122,7 +125,7 @@ body{
|
|
|
.video{
|
|
|
max-width: 100%;
|
|
|
width: 0.289rem;
|
|
|
- margian: 0 auto;
|
|
|
+ margin: 0 auto;
|
|
|
display: block;
|
|
|
}
|
|
|
|
|
@@ -139,7 +142,7 @@ body{
|
|
|
margin-top: 0.21rem;
|
|
|
width: 3.00rem;
|
|
|
height: 0.02rem;
|
|
|
- border-top: 0.03rem dotted #2DC7AA;
|
|
|
+ border-top: 0.03rem dotted var(--primary-color);
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
@@ -151,7 +154,7 @@ body{
|
|
|
width: 0.23rem;
|
|
|
height: 0.23rem;
|
|
|
border-radius: 100%;
|
|
|
- background-color: #2DC7AA;
|
|
|
+ background-color: var(--primary-color);
|
|
|
z-index: 2;
|
|
|
}
|
|
|
|
|
@@ -168,7 +171,7 @@ body{
|
|
|
.app{
|
|
|
margin-top: 0.18rem;
|
|
|
display: flex;
|
|
|
- justify-content: ;pace-between;
|
|
|
+ justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
.app-info {
|
|
@@ -191,14 +194,14 @@ body{
|
|
|
}
|
|
|
|
|
|
.app-desc > span{
|
|
|
- color: #2DC7AA;
|
|
|
+ color: var(--primary-color);
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.app-subtitle{
|
|
|
font-size: 0.12rem;
|
|
|
color: #fff;
|
|
|
- background: #2DC7AA;
|
|
|
+ background: var(--primary-color);
|
|
|
height: 0.20rem;
|
|
|
line-height: 0.20rem;
|
|
|
border-radius: 0.10rem;
|
|
@@ -244,7 +247,7 @@ body{
|
|
|
|
|
|
.fraction .item{
|
|
|
display: flex;
|
|
|
- color: #01C1B5;
|
|
|
+ color: var(--primary-color);
|
|
|
font-size: 0.10rem;
|
|
|
font-weight: bold;
|
|
|
}
|
|
@@ -265,7 +268,7 @@ body{
|
|
|
height: 0.16rem;
|
|
|
width: 0%;
|
|
|
border-radius: 0.04rem;
|
|
|
- background: linear-gradient(90deg, #49E9CB 0%, #2DC7AA 100%);
|
|
|
+ background: var(--primary-color);
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: 0;
|