refactror
This commit is contained in:
parent
a891f7e862
commit
e9afc1d867
|
@ -877,7 +877,7 @@ export default Vue.extend({
|
|||
z-index: 1;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
background: var(--wboyroyc);
|
||||
background: var(--X14);
|
||||
-webkit-backdrop-filter: blur(8px);
|
||||
backdrop-filter: blur(8px);
|
||||
}
|
||||
|
@ -1082,7 +1082,7 @@ export default Vue.extend({
|
|||
display: flex;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
background: linear-gradient(0deg, var(--bg), var(--bonzsgfz));
|
||||
background: linear-gradient(0deg, var(--bg), var(--X1));
|
||||
|
||||
@media (max-width: 500px) {
|
||||
padding: 0 16px 16px 16px;
|
||||
|
@ -1126,7 +1126,7 @@ export default Vue.extend({
|
|||
color: var(--fg);
|
||||
|
||||
&:hover {
|
||||
background: var(--pcncwizz);
|
||||
background: var(--X2);
|
||||
}
|
||||
|
||||
> i {
|
||||
|
|
|
@ -426,7 +426,7 @@ export default Vue.extend({
|
|||
}
|
||||
|
||||
&:hover {
|
||||
background: var(--yrnqrguo);
|
||||
background: var(--X3);
|
||||
}
|
||||
|
||||
&[data-selected='true'] {
|
||||
|
|
|
@ -713,7 +713,7 @@ export default Vue.extend({
|
|||
margin-right: 14px;
|
||||
padding: 8px 0 8px 8px;
|
||||
border-radius: 8px;
|
||||
background: var(--nwjktjjq);
|
||||
background: var(--X4);
|
||||
|
||||
> button {
|
||||
padding: 4px 8px;
|
||||
|
@ -795,7 +795,7 @@ export default Vue.extend({
|
|||
border-radius: 6px;
|
||||
|
||||
&:hover {
|
||||
background: var(--geavgsxy);
|
||||
background: var(--X5);
|
||||
}
|
||||
|
||||
&.active {
|
||||
|
|
|
@ -126,11 +126,11 @@ export default Vue.extend({
|
|||
background: var(--accent);
|
||||
|
||||
&:not(:disabled):hover {
|
||||
background: var(--jkhztclx);
|
||||
background: var(--X8);
|
||||
}
|
||||
|
||||
&:not(:disabled):active {
|
||||
background: var(--jkhztclx);
|
||||
background: var(--X8);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -95,7 +95,7 @@ export default Vue.extend({
|
|||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
background: var(--xxubwiul);
|
||||
background: var(--X10);
|
||||
height: 7px;
|
||||
margin: 0 8px;
|
||||
outline: 0;
|
||||
|
|
|
@ -83,8 +83,8 @@ export default Vue.extend({
|
|||
|
||||
&.checked {
|
||||
> .button {
|
||||
background-color: var(--xxubwiul);
|
||||
border-color: var(--xxubwiul);
|
||||
background-color: var(--X10);
|
||||
border-color: var(--X10);
|
||||
|
||||
> * {
|
||||
background-color: var(--accent);
|
||||
|
@ -108,7 +108,7 @@ export default Vue.extend({
|
|||
margin: 3px 0 0 0;
|
||||
width: 34px;
|
||||
height: 14px;
|
||||
background: var(--nhzhphzx);
|
||||
background: var(--X6);
|
||||
outline: none;
|
||||
border-radius: 14px;
|
||||
transition: inherit;
|
||||
|
|
|
@ -112,7 +112,7 @@ export default Vue.extend({
|
|||
font-size: 14px;
|
||||
|
||||
&:hover {
|
||||
background: var(--bwqtlupy);
|
||||
background: var(--X7);
|
||||
}
|
||||
|
||||
&.selected {
|
||||
|
|
|
@ -75,11 +75,11 @@ export default Vue.extend({
|
|||
position: relative;
|
||||
overflow: hidden;
|
||||
background: var(--panel);
|
||||
border: solid 2px var(--jvhmlskx);
|
||||
border: solid 2px var(--X12);
|
||||
border-radius: 6px;
|
||||
|
||||
&:hover {
|
||||
border: solid 2px var(--yakfpmhl);
|
||||
border: solid 2px var(--X13);
|
||||
}
|
||||
|
||||
&.warn {
|
||||
|
|
|
@ -232,11 +232,11 @@ hr {
|
|||
background: var(--accent);
|
||||
|
||||
&:not(:disabled):hover {
|
||||
background: var(--jkhztclx);
|
||||
background: var(--X8);
|
||||
}
|
||||
|
||||
&:not(:disabled):active {
|
||||
background: var(--zbqjwygh);
|
||||
background: var(--X9);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -56,19 +56,19 @@
|
|||
wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
|
||||
badge: '#31b1ce',
|
||||
messageBg: ':lighten<5<@bg',
|
||||
bonzsgfz: ':alpha<0<@bg',
|
||||
pcncwizz: ':darken<2<@panel',
|
||||
yrnqrguo: 'rgba(255, 255, 255, 0.05)',
|
||||
nwjktjjq: 'rgba(255, 255, 255, 0.1)',
|
||||
geavgsxy: 'rgba(255, 255, 255, 0.05)',
|
||||
nhzhphzx: 'rgba(255, 255, 255, 0.15)',
|
||||
bwqtlupy: 'rgba(255, 255, 255, 0.05)',
|
||||
jkhztclx: ':lighten<5<@accent',
|
||||
zbqjwygh: ':darken<5<@accent',
|
||||
xxubwiul: ':alpha<0.4<@accent',
|
||||
aupeazdm: 'rgba(0, 0, 0, 0.3)',
|
||||
jvhmlskx: 'rgba(255, 255, 255, 0.1)',
|
||||
yakfpmhl: 'rgba(255, 255, 255, 0.15)',
|
||||
wboyroyc: ':alpha<0.5<@navBg',
|
||||
X1: ':alpha<0<@bg',
|
||||
X2: ':darken<2<@panel',
|
||||
X3: 'rgba(255, 255, 255, 0.05)',
|
||||
X4: 'rgba(255, 255, 255, 0.1)',
|
||||
X5: 'rgba(255, 255, 255, 0.05)',
|
||||
X6: 'rgba(255, 255, 255, 0.15)',
|
||||
X7: 'rgba(255, 255, 255, 0.05)',
|
||||
X8: ':lighten<5<@accent',
|
||||
X9: ':darken<5<@accent',
|
||||
X10: ':alpha<0.4<@accent',
|
||||
X11: 'rgba(0, 0, 0, 0.3)',
|
||||
X12: 'rgba(255, 255, 255, 0.1)',
|
||||
X13: 'rgba(255, 255, 255, 0.15)',
|
||||
X14: ':alpha<0.5<@navBg',
|
||||
},
|
||||
}
|
||||
|
|
|
@ -56,19 +56,19 @@
|
|||
wallpaperOverlay: 'rgba(255, 255, 255, 0.5)',
|
||||
badge: '#31b1ce',
|
||||
messageBg: '@panel',
|
||||
bonzsgfz: ':alpha<0<@bg',
|
||||
pcncwizz: ':darken<2<@panel',
|
||||
yrnqrguo: 'rgba(0, 0, 0, 0.05)',
|
||||
nwjktjjq: 'rgba(0, 0, 0, 0.1)',
|
||||
geavgsxy: 'rgba(0, 0, 0, 0.05)',
|
||||
nhzhphzx: 'rgba(0, 0, 0, 0.25)',
|
||||
bwqtlupy: 'rgba(0, 0, 0, 0.05)',
|
||||
jkhztclx: ':lighten<5<@accent',
|
||||
zbqjwygh: ':darken<5<@accent',
|
||||
xxubwiul: ':alpha<0.4<@accent',
|
||||
aupeazdm: 'rgba(0, 0, 0, 0.1)',
|
||||
jvhmlskx: 'rgba(0, 0, 0, 0.1)',
|
||||
yakfpmhl: 'rgba(0, 0, 0, 0.15)',
|
||||
wboyroyc: ':alpha<0.5<@navBg',
|
||||
X1: ':alpha<0<@bg',
|
||||
X2: ':darken<2<@panel',
|
||||
X3: 'rgba(0, 0, 0, 0.05)',
|
||||
X4: 'rgba(0, 0, 0, 0.1)',
|
||||
X5: 'rgba(0, 0, 0, 0.05)',
|
||||
X6: 'rgba(0, 0, 0, 0.25)',
|
||||
X7: 'rgba(0, 0, 0, 0.05)',
|
||||
X8: ':lighten<5<@accent',
|
||||
X9: ':darken<5<@accent',
|
||||
X10: ':alpha<0.4<@accent',
|
||||
X11: 'rgba(0, 0, 0, 0.1)',
|
||||
X12: 'rgba(0, 0, 0, 0.1)',
|
||||
X13: 'rgba(0, 0, 0, 0.15)',
|
||||
X14: ':alpha<0.5<@navBg',
|
||||
},
|
||||
}
|
||||
|
|
|
@ -172,7 +172,7 @@ export default define({
|
|||
> .meter {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
background: var(--aupeazdm);
|
||||
background: var(--X11);
|
||||
border-radius: 8px;
|
||||
|
||||
> .val {
|
||||
|
|
Loading…
Reference in New Issue