mirror/hotomoe
1
0
Fork 0
mirror of https://github.com/hotomoe/hotomoe synced 2024-11-29 07:18:13 +09:00
Code

refactror

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/client/app.vue
View File

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

2
src/client/components/autocomplete.vue
View File

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

4
src/client/components/post-form.vue
View File

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

4
src/client/components/ui/button.vue
View File

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

2
src/client/components/ui/range.vue
View File

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

6
src/client/components/ui/switch.vue
View File

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

2
src/client/components/user-select.vue
View File

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

4
src/client/pages/page-editor/page-editor.container.vue
View File

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

4
src/client/style.scss
View File

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

28
src/client/themes/_dark.json5
View File

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

28
src/client/themes/_light.json5
View File

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

2
src/client/widgets/calendar.vue
View File

@ -172,7 +172,7 @@ export default define({
> .meter {
width: 100%;
overflow: hidden;
background: var(--aupeazdm);
background: var(--X11);
border-radius: 8px;
> .val {