新增:《月里嫦娥》皮肤

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
@@ -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}';
}
}
}
+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;
@@ -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>
+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}';
}
}
}