refactror

This commit is contained in:
syuilo 2020-07-05 03:49:58 +09:00
parent a891f7e862
commit e9afc1d867
12 changed files with 46 additions and 46 deletions

View File

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

View File

@ -426,7 +426,7 @@ export default Vue.extend({
} }
&:hover { &:hover {
background: var(--yrnqrguo); background: var(--X3);
} }
&[data-selected='true'] { &[data-selected='true'] {

View File

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

View File

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

View File

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

View File

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

View File

@ -112,7 +112,7 @@ export default Vue.extend({
font-size: 14px; font-size: 14px;
&:hover { &:hover {
background: var(--bwqtlupy); background: var(--X7);
} }
&.selected { &.selected {

View File

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

View File

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

View File

@ -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',
}, },
} }

View File

@ -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',
}, },
} }

View File

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