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