ion/Melo
1
0
Fork 0
Code Issues Pull Requests Actions 11 Packages Projects Releases Wiki Activity

新增：《月里嫦娥》皮肤

Browse Source
This commit is contained in:
lyswhut
2019-09-13 14:04:52 +08:00
parent 6075a9d22f
commit 7204b51439
18 changed files with 180 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/core/Aside.vue
+2 -2
View File
@@ -57,7 +57,7 @@ export default {
// box-shadow: 0 0 5px rgba(0, 0, 0, .3);
transition: @transition-theme;
transition-property: background-color;
background-color: @color-theme;
background-color: @color-theme-sidebar;
// background-color: @color-aside-background;
// border-right: 2px solid @color-theme;
-webkit-app-region: drag;
@@ -122,7 +122,7 @@ export default {
each(@themes, {
:global(#container.@{value}) {
.aside {
background-color: ~'@{color-@{value}-theme}';
background-color: ~'@{color-@{value}-theme-sidebar}';
}
.logo {
color: ~'@{color-@{value}-theme-font}';
src/renderer/components/core/Player.vue
+3 -5
View File
@@ -471,8 +471,7 @@ export default {
height: @height-player;
// background-color: rgb(245, 245, 245);
transition: @transition-theme;
transition-property: background-color, border-color;
background-color: @color-theme_2;
transition-property: border-color;
border-top: 2px solid @color-theme;
box-sizing: border-box;
display: flex;
@@ -496,7 +495,7 @@ export default {
max-height: 100%;
transition: @transition-theme;
transition-property: border-color;
border: 2px solid @color-theme_2;
border: 2px solid @color-theme_2-background_2;
}
}
.right {
@@ -669,13 +668,12 @@ export default {
each(@themes, {
:global(#container.@{value}) {
.player {
background-color: ~'@{color-@{value}-theme_2}';
border-top-color: ~'@{color-@{value}-theme}';
}
.left {
color: ~'@{color-@{value}-theme}';
img {
border-color: ~'@{color-@{value}-theme_2}';
border-color: ~'@{color-@{value}-theme_2-background_2}';
}
}
.play-btn {
src/renderer/components/core/Toolbar.vue
-8
View File
@@ -48,7 +48,6 @@ export default {
display: flex;
height: @height-toolbar;
justify-content: flex-end;
background-color: @color-theme_2;
align-items: center;
padding-left: 15px;
-webkit-app-region: drag;
@@ -58,13 +57,6 @@ export default {
.input {
-webkit-app-region: no-drag;
}
each(@themes, {
:global(#container.@{value}) {
.toolbar {
background-color: ~'@{color-@{value}-theme_2}';
}
}
})
// img {
// flex: none;
src/renderer/components/core/View.vue
-9
View File
@@ -13,7 +13,6 @@ div(:class="$style.view")
.view {
position: relative;
background-color: @color-theme_2;
> * {
position: absolute;
width: 100%;
@@ -22,12 +21,4 @@ div(:class="$style.view")
// overflow: hidden;
}
each(@themes, {
:global(#container.@{value}) {
.view {
background-color: ~'@{color-@{value}-theme_2}';
}
}
})
</style>
src/renderer/components/material/Checkbox.vue
+2 -2
View File
@@ -156,7 +156,7 @@ export default {
bottom: 0;
left: 0;
right: 0;
border: 1px solid #ccc;
border: 1px solid @color-theme_2-font-label;
transition: border-color 0.2s ease;
border-radius: 15%;
}
@@ -196,7 +196,7 @@ each(@themes, {
color: ~'@{color-@{value}-theme}';
// border: 1px solid #ccc;
&:after {
border-color: #ccc;
border-color: ~'@{color-@{value}-theme_2-font-label}';
}
}
}
src/renderer/components/material/Select.vue
+2 -2
View File
@@ -90,7 +90,7 @@ export default {
border-left: 2px solid @color-tab-border-bottom;
box-sizing: border-box;
text-align: center;
border-top-left-radius: 3px;
border-top-left-radius: 4px;
color: @color-btn;
cursor: pointer;
@@ -108,7 +108,7 @@ export default {
left: 0;
border-bottom: 2px solid @color-tab-border-bottom;
border-left: 2px solid @color-tab-border-bottom;
border-bottom-left-radius: 3px;
border-bottom-left-radius: 4px;
background-color: @color-theme_2;
overflow: hidden;
opacity: 0;
src/renderer/components/material/SongList.vue
+5 -5
View File
@@ -175,7 +175,6 @@ export default {
height: 100%;
display: flex;
flex-flow: column nowrap;
background-color: @color-theme_2;
}
.list {
@@ -220,16 +219,17 @@ export default {
p {
font-size: 24px;
color: #ccc;
color: @color-theme_2-font-label;
}
}
each(@themes, {
:global(#container.@{value}) {
.thead {
background-color: ~'@color-@{value}-theme_2';
.noitem {
p {
color: ~'@{color-@{value}-theme_2-font-label}';
}
}
}
})
</style>
src/renderer/components/material/Tab.vue
+8 -8
View File
@@ -95,15 +95,15 @@ export default {
margin-left: 0;
button {
border-top-left-radius: 3px;
// border-bottom-left-radius: 3px;
// border-bottom-left-radius: 4px;
}
}
&:last-child {
border-right: 2px solid @color-tab-border-top;
border-top-right-radius: 3px;
border-top-right-radius: 4px;
button {
border-top-right-radius: 3px;
// border-bottom-right-radius: 3px;
// border-bottom-right-radius: 4px;
}
}
button {
@@ -122,7 +122,7 @@ export default {
// border-left-color: @color-theme_2-hover;
// border-right-color: @color-theme_2-hover;
button {
background-color: @color-theme_2-hover;
background-color: @color-tab-btn-background-hover;
}
}
&:active {
@@ -133,7 +133,7 @@ export default {
}
}
&.active {
border-bottom-color: @color-theme_2;
border-bottom-color: @color-theme_2-background_2;
border-top-color: @color-tab-border-bottom;
border-left-color: @color-tab-border-bottom;
border-right-color: @color-tab-border-bottom;
@@ -144,7 +144,7 @@ export default {
width: 0;
}
button {
background-color: @color-theme_2;
background-color: @color-theme_2-background_2;
}
}
}
@@ -193,7 +193,7 @@ each(@themes, {
// border-left-color: ~'@{color-@{value}-theme_2-hover}';
// border-right-color: ~'@{color-@{value}-theme_2-hover}';
button {
background-color: ~'@{color-@{value}-theme_2-hover}';
background-color: ~'@{color-@{value}-tab-btn-background-hover}';
}
}
&:active {
@@ -209,7 +209,7 @@ each(@themes, {
border-left-color: ~'@{color-@{value}-tab-border-bottom}';
border-right-color: ~'@{color-@{value}-tab-border-bottom}';
button {
background-color: ~'@{color-@{value}-theme_2}';
background-color: ~'@{color-@{value}-theme_2-background_2}';
}
}
}