github
/
lx-music-desktop
mirror of https://github.com/lyswhut/lx-music-desktop
1
0
Fork 0
Code Issues Releases Wiki Activity

优化“信口雌黄”皮肤配色

pull/230/head
lyswhut 2019-12-14 13:54:22 +08:00
parent 207427e993
commit edbcaf0f90
4 changed files with 507 additions and 416 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

845
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

20
package.json
View File

@ -139,10 +139,10 @@
}, },
"homepage": "https://github.com/lyswhut/lx-music-desktop#readme", "homepage": "https://github.com/lyswhut/lx-music-desktop#readme",
"devDependencies": { "devDependencies": {
"@babel/core": "^7.7.4", "@babel/core": "^7.7.5",
"@babel/plugin-syntax-dynamic-import": "^7.7.4", "@babel/plugin-syntax-dynamic-import": "^7.7.4",
"@babel/polyfill": "^7.7.0", "@babel/polyfill": "^7.7.0",
"@babel/preset-env": "^7.7.4", "@babel/preset-env": "^7.7.6",
"autoprefixer": "^9.7.3", "autoprefixer": "^9.7.3",
"babel-eslint": "^10.0.3", "babel-eslint": "^10.0.3",
"babel-loader": "^8.0.6", "babel-loader": "^8.0.6",
@ -151,13 +151,13 @@
"cfonts": "^2.4.5", "cfonts": "^2.4.5",
"chalk": "^3.0.0", "chalk": "^3.0.0",
"changelog-parser": "^2.8.0", "changelog-parser": "^2.8.0",
"copy-webpack-plugin": "^5.0.5", "copy-webpack-plugin": "^5.1.1",
"core-js": "^3.4.7", "core-js": "^3.5.0",
"cos-nodejs-sdk-v5": "^2.5.14", "cos-nodejs-sdk-v5": "^2.5.14",
"cross-env": "^6.0.3", "cross-env": "^6.0.3",
"css-loader": "^3.2.1", "css-loader": "^3.3.2",
"del": "^5.1.0", "del": "^5.1.0",
"electron": "^7.1.3", "electron": "^7.1.4",
"electron-builder": "^22.1.0", "electron-builder": "^22.1.0",
"electron-debug": "^3.0.1", "electron-debug": "^3.0.1",
"electron-devtools-installer": "^2.2.4", "electron-devtools-installer": "^2.2.4",
@ -166,7 +166,7 @@
"eslint-formatter-friendly": "^7.0.0", "eslint-formatter-friendly": "^7.0.0",
"eslint-loader": "^3.0.3", "eslint-loader": "^3.0.3",
"eslint-plugin-html": "^6.0.0", "eslint-plugin-html": "^6.0.0",
"eslint-plugin-import": "^2.18.2", "eslint-plugin-import": "^2.19.1",
"eslint-plugin-node": "^10.0.0", "eslint-plugin-node": "^10.0.0",
"eslint-plugin-promise": "^4.2.1", "eslint-plugin-promise": "^4.2.1",
"eslint-plugin-standard": "^4.0.1", "eslint-plugin-standard": "^4.0.1",
@ -187,7 +187,7 @@
"rimraf": "^3.0.0", "rimraf": "^3.0.0",
"stylus": "^0.54.7", "stylus": "^0.54.7",
"stylus-loader": "^3.0.2", "stylus-loader": "^3.0.2",
"terser-webpack-plugin": "^2.2.1", "terser-webpack-plugin": "^2.3.0",
"url-loader": "^3.0.0", "url-loader": "^3.0.0",
"vue-loader": "^15.7.2", "vue-loader": "^15.7.2",
"vue-style-loader": "^4.1.2", "vue-style-loader": "^4.1.2",
@ -202,12 +202,12 @@
"axios": "^0.19.0", "axios": "^0.19.0",
"crypto-js": "^3.1.9-1", "crypto-js": "^3.1.9-1",
"dnscache": "^1.0.2", "dnscache": "^1.0.2",
"electron-log": "^3.0.9", "electron-log": "^4.0.0",
"electron-store": "^5.1.0", "electron-store": "^5.1.0",
"electron-updater": "^4.2.0", "electron-updater": "^4.2.0",
"flac-metadata": "^0.1.1", "flac-metadata": "^0.1.1",
"js-htmlencode": "^0.3.0", "js-htmlencode": "^0.3.0",
"lrc-file-parser": "^0.1.14", "lrc-file-parser": "^0.1.15",
"node-id3": "^0.1.13", "node-id3": "^0.1.13",
"request": "^2.88.0", "request": "^2.88.0",
"vue": "^2.6.10", "vue": "^2.6.10",

6
publish/changeLog.md
View File

@ -4,6 +4,10 @@
- 聚合搜索新增音源显示 - 聚合搜索新增音源显示
- 新增“离开搜索界面时清空搜索列表”设置选项，默认关闭，可到设置-强迫症设置开启 - 新增“离开搜索界面时清空搜索列表”设置选项，默认关闭，可到设置-强迫症设置开启
### 优化
- 优化“信口雌黄”皮肤配色
### 其他 ### 其他
- 更新electron到7.1.3 - 更新electron到7.1.4

52
src/renderer/assets/styles/variables.less
View File

@ -7,7 +7,7 @@
// @color-theme: #03a678; // @color-theme: #03a678;
@color-theme: #4daf7c; @color-theme: #4daf7c;
@color-theme-bgimg: none; @color-theme-bgimg: none;
@color-theme-bgposition: center center; @color-theme-bgposition: center;
@color-theme-bgsize: auto auto; @color-theme-bgsize: auto auto;
@color-theme-hover: fadeout(lighten(@color-theme, 10%), 30%); @color-theme-hover: fadeout(lighten(@color-theme, 10%), 30%);
@color-theme-active: fadeout(darken(@color-theme, 20%), 60%); @color-theme-active: fadeout(darken(@color-theme, 20%), 60%);
@ -59,7 +59,7 @@
@color-green-theme: #4daf7c; @color-green-theme: #4daf7c;
@color-green-theme-bgimg: none; @color-green-theme-bgimg: none;
@color-green-theme-bgposition: center center; @color-green-theme-bgposition: center;
@color-green-theme-bgsize: auto auto; @color-green-theme-bgsize: auto auto;
@color-green-theme-hover: fadeout(lighten(@color-green-theme, 10%), 30%); @color-green-theme-hover: fadeout(lighten(@color-green-theme, 10%), 30%);
@color-green-theme-active: fadeout(darken(@color-green-theme, 20%), 60%); @color-green-theme-active: fadeout(darken(@color-green-theme, 20%), 60%);
@ -97,9 +97,9 @@
@color-green-tab-border-bottom: lighten(@color-green-theme, 5%); @color-green-tab-border-bottom: lighten(@color-green-theme, 5%);
@color-yellow-theme: #f2d35b; @color-yellow-theme: #e9d460;
@color-yellow-theme-bgimg: none; @color-yellow-theme-bgimg: none;
@color-yellow-theme-bgposition: center center; @color-yellow-theme-bgposition: center;
@color-yellow-theme-bgsize: auto auto; @color-yellow-theme-bgsize: auto auto;
@color-yellow-theme-hover: fadeout(lighten(@color-yellow-theme, 10%), 30%); @color-yellow-theme-hover: fadeout(lighten(@color-yellow-theme, 10%), 30%);
@color-yellow-theme-active: fadeout(darken(@color-yellow-theme, 20%), 60%); @color-yellow-theme-active: fadeout(darken(@color-yellow-theme, 20%), 60%);
@ -108,37 +108,37 @@
@color-yellow-theme_2: #fff; @color-yellow-theme_2: #fff;
@color-yellow-theme_2-background_1: #fff; @color-yellow-theme_2-background_1: #fff;
@color-yellow-theme_2-background_2: fadeout(@color-yellow-theme_2-background_1, 2%); @color-yellow-theme_2-background_2: fadeout(@color-yellow-theme_2-background_1, 2%);
@color-yellow-theme_2-hover: fadeout(lighten(@color-yellow-theme, 10%), 70%); @color-yellow-theme_2-hover: fadeout(lighten(@color-yellow-theme, 10%), 60%);
@color-yellow-theme_2-active: fadeout(darken(@color-yellow-theme, 5%), 70%); @color-yellow-theme_2-active: fadeout(darken(@color-yellow-theme, 5%), 60%);
@color-yellow-theme_2-font: darken(@color-yellow-theme_2, 70%); @color-yellow-theme_2-font: darken(@color-yellow-theme_2, 70%);
@color-yellow-theme_2-font-label: fadeout(@color-yellow-theme_2-font, 50%); @color-yellow-theme_2-font-label: fadeout(@color-yellow-theme_2-font, 40%);
@color-yellow-theme_2-line: lighten(@color-yellow-theme, 35%); @color-yellow-theme_2-line: lighten(@color-yellow-theme, 25%);
@color-yellow-theme-sidebar: @color-yellow-theme; @color-yellow-theme-sidebar: @color-yellow-theme;
@color-yellow-btn: fadeout(darken(@color-yellow-theme, 5%), 15%); @color-yellow-btn: fadeout(darken(@color-yellow-theme, 5%), 5%);
@color-yellow-btn-background: fadeout(lighten(@color-yellow-theme, 25%), 70%); @color-yellow-btn-background: fadeout(lighten(@color-yellow-theme, 25%), 60%);
@color-yellow-pagination-background: fadeout(lighten(@color-yellow-theme, 30%), 30%); @color-yellow-pagination-background: fadeout(lighten(@color-yellow-theme, 30%), 30%);
@color-yellow-pagination-hover: fadeout(lighten(@color-yellow-theme, 5%), 70%); @color-yellow-pagination-hover: fadeout(lighten(@color-yellow-theme, 5%), 70%);
@color-yellow-pagination-active: fadeout(darken(@color-yellow-theme, 5%), 70%); @color-yellow-pagination-active: fadeout(darken(@color-yellow-theme, 5%), 70%);
@color-yellow-pagination-select: fadeout(lighten(@color-yellow-theme, 5%), 50%); @color-yellow-pagination-select: fadeout(lighten(@color-yellow-theme, 5%), 50%);
@color-yellow-search-form-background: fadeout(lighten(@color-yellow-theme, 35%), 10%); @color-yellow-search-form-background: fadeout(lighten(@color-yellow-theme, 25%), 10%);
@color-yellow-search-list-hover: fadeout(darken(@color-yellow-theme, 10%), 70%); @color-yellow-search-list-hover: fadeout(darken(@color-yellow-theme, 10%), 60%);
@color-yellow-scrollbar-track: fadeout(@color-yellow-theme, 80%); @color-yellow-scrollbar-track: fadeout(@color-yellow-theme, 60%);
@color-yellow-scrollbar-thumb: fadeout(@color-yellow-theme, 60%); @color-yellow-scrollbar-thumb: fadeout(@color-yellow-theme, 45%);
@color-yellow-scrollbar-thumb-hover: fadeout(@color-yellow-theme, 40%); @color-yellow-scrollbar-thumb-hover: fadeout(@color-yellow-theme, 30%);
@color-yellow-player-pic-c1: fadeout(@color-yellow-theme_2, 50%); @color-yellow-player-pic-c1: fadeout(@color-yellow-theme_2, 50%);
@color-yellow-player-pic-c2: darken(@color-yellow-theme_2, 30%); @color-yellow-player-pic-c2: darken(@color-yellow-theme_2, 30%);
@color-yellow-player-progress: darken(@color-yellow-theme_2, 6%); @color-yellow-player-progress: darken(@color-yellow-theme_2, 6%);
@color-yellow-player-progress-bar1: darken(@color-yellow-theme_2, 12%); @color-yellow-player-progress-bar1: darken(@color-yellow-theme_2, 12%);
@color-yellow-player-progress-bar2: lighten(@color-yellow-theme, 12%); @color-yellow-player-progress-bar2: lighten(@color-yellow-theme, 2%);
@color-yellow-player-status-text: lighten(@color-yellow-theme_2-font, 10%); @color-yellow-player-status-text: lighten(@color-yellow-theme_2-font, 10%);
@color-yellow-tab-btn-background: fadeout(lighten(@color-yellow-theme, 10%), 80%); @color-yellow-tab-btn-background: fadeout(lighten(@color-yellow-theme, 10%), 70%);
@color-yellow-tab-btn-background-hover: @color-yellow-theme_2-hover; @color-yellow-tab-btn-background-hover: @color-yellow-theme_2-hover;
@color-yellow-tab-border-top: fadeout(lighten(@color-yellow-theme, 5%), 50%); @color-yellow-tab-border-top: fadeout(lighten(@color-yellow-theme, 5%), 40%);
@color-yellow-tab-border-bottom: lighten(@color-yellow-theme, 5%); @color-yellow-tab-border-bottom: @color-yellow-theme;
@color-orange-theme: #f5ab35; @color-orange-theme: #f5ab35;
@color-orange-theme-bgimg: none; @color-orange-theme-bgimg: none;
@color-orange-theme-bgposition: center center; @color-orange-theme-bgposition: center;
@color-orange-theme-bgsize: auto auto; @color-orange-theme-bgsize: auto auto;
@color-orange-theme-hover: fadeout(lighten(@color-orange-theme, 10%), 30%); @color-orange-theme-hover: fadeout(lighten(@color-orange-theme, 10%), 30%);
@color-orange-theme-active: fadeout(darken(@color-orange-theme, 20%), 60%); @color-orange-theme-active: fadeout(darken(@color-orange-theme, 20%), 60%);
@ -177,7 +177,7 @@
@color-blue-theme: #3498db; @color-blue-theme: #3498db;
@color-blue-theme-bgimg: none; @color-blue-theme-bgimg: none;
@color-blue-theme-bgposition: center center; @color-blue-theme-bgposition: center;
@color-blue-theme-bgsize: auto auto; @color-blue-theme-bgsize: auto auto;
@color-blue-theme-hover: fadeout(lighten(@color-blue-theme, 10%), 30%); @color-blue-theme-hover: fadeout(lighten(@color-blue-theme, 10%), 30%);
@color-blue-theme-active: fadeout(darken(@color-blue-theme, 20%), 60%); @color-blue-theme-active: fadeout(darken(@color-blue-theme, 20%), 60%);
@ -216,7 +216,7 @@
@color-red-theme: #d64541; @color-red-theme: #d64541;
@color-red-theme-bgimg: none; @color-red-theme-bgimg: none;
@color-red-theme-bgposition: center center; @color-red-theme-bgposition: center;
@color-red-theme-bgsize: auto auto; @color-red-theme-bgsize: auto auto;
@color-red-theme-hover: fadeout(lighten(@color-red-theme, 10%), 30%); @color-red-theme-hover: fadeout(lighten(@color-red-theme, 10%), 30%);
@color-red-theme-active: fadeout(darken(@color-red-theme, 20%), 60%); @color-red-theme-active: fadeout(darken(@color-red-theme, 20%), 60%);
@ -257,7 +257,7 @@
@color-purple-theme: #9b59b6; @color-purple-theme: #9b59b6;
@color-purple-theme-bgimg: none; @color-purple-theme-bgimg: none;
@color-purple-theme-bgposition: center center; @color-purple-theme-bgposition: center;
@color-purple-theme-bgsize: auto auto; @color-purple-theme-bgsize: auto auto;
@color-purple-theme-hover: fadeout(lighten(@color-purple-theme, 10%), 30%); @color-purple-theme-hover: fadeout(lighten(@color-purple-theme, 10%), 30%);
@color-purple-theme-active: fadeout(darken(@color-purple-theme, 20%), 60%); @color-purple-theme-active: fadeout(darken(@color-purple-theme, 20%), 60%);
@ -296,7 +296,7 @@
@color-grey-theme: #6c7a89; @color-grey-theme: #6c7a89;
@color-grey-theme-bgimg: none; @color-grey-theme-bgimg: none;
@color-grey-theme-bgposition: center center; @color-grey-theme-bgposition: center;
@color-grey-theme-bgsize: auto auto; @color-grey-theme-bgsize: auto auto;
@color-grey-theme-hover: fadeout(lighten(@color-grey-theme, 10%), 30%); @color-grey-theme-hover: fadeout(lighten(@color-grey-theme, 10%), 30%);
@color-grey-theme-active: fadeout(darken(@color-grey-theme, 20%), 60%); @color-grey-theme-active: fadeout(darken(@color-grey-theme, 20%), 60%);
@ -335,7 +335,7 @@
@color-midAutumn-theme: rgba(74, 55, 82, 1); @color-midAutumn-theme: rgba(74, 55, 82, 1);
@color-midAutumn-theme-bgimg: url(../images/jqbg.jpg); @color-midAutumn-theme-bgimg: url(../images/jqbg.jpg);
@color-midAutumn-theme-bgposition: center center; @color-midAutumn-theme-bgposition: center;
@color-midAutumn-theme-bgsize: auto 100%; @color-midAutumn-theme-bgsize: auto 100%;
@color-midAutumn-theme-hover: fadeout(lighten(@color-midAutumn-theme, 10%), 30%); @color-midAutumn-theme-hover: fadeout(lighten(@color-midAutumn-theme, 10%), 30%);
@color-midAutumn-theme-active: fadeout(lighten(@color-midAutumn-theme, 15%), 60%); @color-midAutumn-theme-active: fadeout(lighten(@color-midAutumn-theme, 15%), 60%);
@ -374,7 +374,7 @@
@color-dhHyrz-theme: rgb(87, 144, 167); @color-dhHyrz-theme: rgb(87, 144, 167);
@color-dhHyrz-theme-bgimg: url(../images/hzwbg.jpeg); @color-dhHyrz-theme-bgimg: url(../images/hzwbg.jpeg);
@color-dhHyrz-theme-bgposition: center center; @color-dhHyrz-theme-bgposition: center;
@color-dhHyrz-theme-bgsize: auto 100%; @color-dhHyrz-theme-bgsize: auto 100%;
@color-dhHyrz-theme-hover: fadeout(lighten(@color-dhHyrz-theme, 10%), 45%); @color-dhHyrz-theme-hover: fadeout(lighten(@color-dhHyrz-theme, 10%), 45%);
@color-dhHyrz-theme-active: fadeout(lighten(@color-dhHyrz-theme, 15%), 60%); @color-dhHyrz-theme-active: fadeout(lighten(@color-dhHyrz-theme, 15%), 60%);