Skip to content

Commit 9ce1a8d

Browse files
HunlongyuHunlongyu
committed
❤️v0.8.17 add two themes
1 parent ee1fb8f commit 9ce1a8d

File tree

10 files changed

+400
-9
lines changed

10 files changed

+400
-9
lines changed

‎README.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,11 @@
1515
资源播放器, 提供影视资源的浏览,搜索,播放,收藏,查看详情等功能.
1616

1717
### 下载:
18-
[下载地址](https://github.com/Hunlongyu/ZY-Player/releases)
18+
[Github Release 实时更新，保证最新版](https://github.com/Hunlongyu/ZY-Player/releases)
19+
20+
[蓝奏云 快速下载通道](https://www.lanzous.com/b04s6a3re) 密码:95px
21+
22+
[诚通网盘 备用下载通道](https://72k.us/dir/12872257-37375957-d3f41d)
1923

2024
### 截图:
2125
主界面 ⬇

‎package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "zy",
3-
"version": "0.8.16",
3+
"version": "0.8.17",
44
"author": "Hunlongyu",
55
"description": "ZY Player 资源播放器",
66
"private": true,
@@ -13,7 +13,7 @@
1313
"postinstall": "electron-builder install-app-deps",
1414
"postuninstall": "electron-builder install-app-deps",
1515
"electron:generate-icons": "electron-icon-builder --input=./public/icon.png --output=build --flatten",
16-
"bp": "vue-cli-service electron:build --win --ia32 --x64 -p always"
16+
"bp": "vue-cli-service electron:build --win --x64 -p always"
1717
},
1818
"main": "background.js",
1919
"dependencies": {

‎src/App.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -91,6 +91,8 @@ export default Vue.extend({
9191
@import './assets/theme/global.scss';
9292
@import './assets/theme/dark.scss';
9393
@import './assets/theme/light.scss';
94+
@import './assets/theme/pink.scss';
95+
@import './assets/theme/green.scss';
9496
*{
9597
margin: 0;
9698
padding: 0;

‎src/assets/image/green.png

100 KB
Loading

‎src/assets/image/pink.png

79.2 KB
Loading

‎src/assets/theme/dark.scss

Lines changed: 52 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,32 +6,61 @@
66
background-color: var(--d-bgc);
77
border-color: var(--d-bdc);
88
}
9+
.el-select .el-input .el-select__caret{
10+
color: var(--d-icon)
11+
}
912
.el-button--text{
1013
border: none;
1114
}
15+
.el-tabs__active-bar{
16+
background-color: var(--d-bdc);
17+
}
18+
.el-tabs__item:hover, .el-tabs__item.is-active{
19+
color: var(--d-c-h);
20+
}
1221
.el-tabs__item, .el-tabs__nav-wrap::after{
1322
color: var(--d-c);
1423
background-color: var(--d-bgc);
15-
border-color: var(--d-dbc);
24+
border-color: var(--d-bdc);
1625
}
17-
.el-table--border::after, .el-table--group::after, .el-table::before,
26+
.el-table--border::after, .el-table--droup::after, .el-table::before,
1827
.el-table, .el-table th, .el-table tr,
1928
.el-table--striped .el-table__body tr.el-table__row--striped td,
2029
.el-table--enable-row-hover .el-table__body tr:hover>td,
2130
.el-table td, .el-table th.is-leaf{
2231
color: var(--d-c);
2332
background-color: var(--d-bgc);
24-
border-color: var(--d-dbc);
33+
border-color: var(--d-bdc);
2534
}
2635
.el-pagination, .el-pagination .el-pagination__total, .el-pagination .el-pagination__jump,
2736
.el-pagination .btn-next, .el-pagination .btn-prev, .el-pager li{
2837
color: var(--d-c);
2938
background-color: var(--d-bgc);
3039
}
31-
.el-input__inner,
40+
.el-pager li:hover, .el-pager li.active, .el-pager li.btn-quicknext, .el-pager li.btn-quickprev{
41+
color: var(--d-c-h);
42+
}
43+
.el-input__inner, .el-input__inner:hover,
3244
.el-input-group__append, .el-input-group__prepend{
3345
background-color: var(--d-bgc);
34-
border-color: var(--d-dbc);
46+
border-color: var(--d-bdc);
47+
}
48+
.el-input.is-active .el-input__inner, .el-input__inner:focus{
49+
border-color: var(--d-bdc);
50+
}
51+
.el-input__inner{
52+
border-color: var(--d-bdc);
53+
}
54+
.el-select .el-input.is-focus .el-input__inner,
55+
.el-select .el-input__inner:focus,
56+
.el-select:hover .el-input__inner{
57+
border-color: var(--d-bdc);
58+
}
59+
input::-webkit-input-placeholder{
60+
color: var(--d-c);
61+
}
62+
.el-icon-search{
63+
color: var(--d-icon);
3564
}
3665
.el-select-dropdown{
3766
color: var(--d-c);
@@ -47,6 +76,12 @@
4776
background-color: var(--d-bgc);
4877
opacity: 0.9;
4978
}
79+
.el-slider__bar{
80+
background-color: var(--d-c-h);
81+
}
82+
.el-slider__button{
83+
border-color: var(--d-c-h);
84+
}
5085
.Header, .Aside{
5186
i{
5287
color: var(--d-icon);
@@ -67,6 +102,11 @@
67102
}
68103
.Main{
69104
.film, .search, .star, .player{
105+
button:hover{
106+
color: var(--d-c-h);
107+
background: var(--d-bgc);
108+
border-color: var(--d-bdc);
109+
}
70110
.table-box{
71111
&::-webkit-scrollbar-track {
72112
box-shadow: inset 0 0 6px var(--d-bdc);
@@ -77,6 +117,13 @@
77117
}
78118
}
79119
}
120+
.player{
121+
.el-button--primary.is-plain{
122+
color: var(--d-c);
123+
background-color: var(--d-bgc-h);
124+
border-color: var(--d-bdc);
125+
}
126+
}
80127
.setting{
81128
.el-link, .card{
82129
color: var(--d-c);

‎src/assets/theme/global.scss

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,4 +16,22 @@
1616
--d-bgc: #242424;
1717
--d-bgc-h: #454545;
1818
--d-bdc: #7a7a7a;
19+
20+
// pink
21+
--p-c: #ffffff;
22+
--p-c-h: #fd7792;
23+
--p-icon: #ffffff;
24+
--p-icon-h: #fd7792;
25+
--p-bgc: #ffbaba;
26+
--p-bgc-h: #ffc5c5;
27+
--p-bdc: #fdcfcf;
28+
29+
// green
30+
--g-c: #ffffff;
31+
--g-c-h: #ebe65b;
32+
--g-icon: #ffffff;
33+
--g-icon-h: #ebe65b;
34+
--g-bgc: #4baea0;
35+
--g-bgc-h: #6db8ac;
36+
--g-bdc: #76d3c5;
1937
}

‎src/assets/theme/green.scss

Lines changed: 156 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,156 @@
1+
.theme-green{
2+
color: var(--g-c);
3+
background-color: var(--g-bgc);
4+
.el-button, input, select, .el-select{
5+
color: var(--g-c);
6+
background-color: var(--g-bgc);
7+
border-color: var(--g-bdc);
8+
}
9+
.el-select .el-input .el-select__caret{
10+
color: var(--g-icon)
11+
}
12+
.el-button--text{
13+
border: none;
14+
}
15+
.el-tabs__active-bar{
16+
background-color: var(--g-bdc);
17+
}
18+
.el-tabs__item:hover, .el-tabs__item.is-active{
19+
color: var(--g-c-h);
20+
}
21+
.el-tabs__item, .el-tabs__nav-wrap::after{
22+
color: var(--g-c);
23+
background-color: var(--g-bgc);
24+
border-color: var(--g-bdc);
25+
}
26+
.el-table--border::after, .el-table--group::after, .el-table::before,
27+
.el-table, .el-table th, .el-table tr,
28+
.el-table--striped .el-table__body tr.el-table__row--striped td,
29+
.el-table--enable-row-hover .el-table__body tr:hover>td,
30+
.el-table td, .el-table th.is-leaf{
31+
color: var(--g-c);
32+
background-color: var(--g-bgc);
33+
border-color: var(--g-bdc);
34+
}
35+
.el-pagination, .el-pagination .el-pagination__total, .el-pagination .el-pagination__jump,
36+
.el-pagination .btn-next, .el-pagination .btn-prev, .el-pager li{
37+
color: var(--g-c);
38+
background-color: var(--g-bgc);
39+
}
40+
.el-pager li:hover, .el-pager li.active, .el-pager li.btn-quicknext, .el-pager li.btn-quickprev{
41+
color: var(--g-c-h);
42+
}
43+
.el-input__inner, .el-input__inner:hover,
44+
.el-input-group__append, .el-input-group__prepend{
45+
background-color: var(--g-bgc);
46+
border-color: var(--g-bdc);
47+
}
48+
.el-input.is-active .el-input__inner, .el-input__inner:focus{
49+
border-color: var(--g-bdc);
50+
}
51+
.el-input__inner{
52+
border-color: var(--g-bdc);
53+
}
54+
.el-select .el-input.is-focus .el-input__inner,
55+
.el-select .el-input__inner:focus,
56+
.el-select:hover .el-input__inner{
57+
border-color: var(--g-bdc);
58+
}
59+
input::-webkit-input-placeholder{
60+
color: var(--g-c);
61+
}
62+
.el-icon-search{
63+
color: var(--g-icon);
64+
}
65+
.el-select-dropdown{
66+
color: var(--g-c);
67+
}
68+
.el-drawer{
69+
background-color: var(--g-bgc) !important;
70+
overflow: auto;
71+
&::-webkit-scrollbar{
72+
width: 0px;
73+
}
74+
}
75+
.el-loading-mask{
76+
background-color: var(--g-bgc);
77+
opacity: 0.9;
78+
}
79+
.el-slider__bar{
80+
background-color: var(--g-c-h);
81+
}
82+
.el-slider__button{
83+
border-color: var(--g-c-h);
84+
}
85+
.Header, .Aside{
86+
i{
87+
color: var(--g-icon);
88+
&:hover{
89+
color: var(--g-icon-h);
90+
background-color: var(--g-bgc-h);
91+
}
92+
}
93+
}
94+
.Aside{
95+
i{
96+
&.active{
97+
color: var(--g-icon-h);
98+
background-color: var(--g-bgc-h);
99+
border-left: 4px solid var(--g-icon-h);
100+
}
101+
}
102+
}
103+
.Main{
104+
.film, .search, .star, .player{
105+
button:hover{
106+
color: var(--g-c-h);
107+
background: var(--g-bgc);
108+
border-color: var(--g-bdc);
109+
}
110+
.table-box{
111+
&::-webkit-scrollbar-track {
112+
box-shadow: inset 0 0 6px var(--g-bdc);
113+
}
114+
&::-webkit-scrollbar-thumb {
115+
background-color: var(--g-icon);
116+
outline: 1px solid var(--g-icon);
117+
}
118+
}
119+
}
120+
.player{
121+
.el-button--primary.is-plain{
122+
color: var(--g-c-h);
123+
background-color: var(--g-bgc-h);
124+
border-color: var(--g-bdc);
125+
}
126+
}
127+
.setting{
128+
.el-link, .card{
129+
color: var(--g-c);
130+
background-color: var(--g-bgc);
131+
border-color: var(--g-bdc);
132+
}
133+
}
134+
}
135+
.detail{
136+
color: var(--g-c);
137+
&::-webkit-scrollbar-track {
138+
box-shadow: inset 0 0 6px var(--g-bdc);
139+
}
140+
&::-webkit-scrollbar-thumb {
141+
background-color: var(--g-icon);
142+
outline: 1px solid var(--g-icon);
143+
}
144+
.box, .info, .urls{
145+
border: 1px solid var(--g-bdc);
146+
}
147+
.vodInfo{
148+
li, span, a{
149+
color: var(--g-c);
150+
}
151+
label{
152+
color: #f90;
153+
}
154+
}
155+
}
156+
}

0 commit comments

Comments
 (0)