Skip to content

Commit

Permalink
新增行星主题,对其他主题作了一些细微优化
Browse files Browse the repository at this point in the history
  • Loading branch information
Hopelsz committed Jul 13, 2024
1 parent e7815fa commit 5389ca9
Show file tree
Hide file tree
Showing 8 changed files with 312 additions and 75 deletions.
10 changes: 10 additions & 0 deletions black-red/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -77,4 +77,14 @@ a {
/* 消除滚动条 */
#root *::-webkit-scrollbar {
display: none !important;
}

/* 上一曲/下一曲 */
.skip:hover {
color: #00ee20 !important;
}

/* 音量大小边框圆角 */
.volume-bubble-container {
border-radius: 5px !important;
}
12 changes: 11 additions & 1 deletion fantasy-world/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
--hoverColor: rgb(17, 26, 35) !important;
--backgroundColor: rgb(17, 26, 35) !important;
--dividerColor: transparent !important;
--placeholderColor: transparent !important;
--placeholderColor: rgb(23, 35, 48) !important;
}

.header-container,
Expand Down Expand Up @@ -107,6 +107,16 @@ a {
height: 30px !important;
}

/* 上一曲/下一曲 */
.skip:hover {
color: #00ee20 !important;
}

/* 音量大小边框圆角 */
.volume-bubble-container {
border-radius: 5px !important;
}

/* .lyric-container-outer .lyric-item[data-highlight="true"] {
color: transparent !important;
background: linear-gradient(90deg, #f00 200px, #132 0px);
Expand Down
166 changes: 112 additions & 54 deletions matchmaker/index.css
Original file line number Diff line number Diff line change
@@ -1,82 +1,140 @@
#root {
background: url("@/imgs/matchmaker.jpg") !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}

:root {
--listActiveColor: transparent !important;
--listHoverColor: transparent !important;
--textColor: #fcfcfc !important;
--primaryColor: #d38188 !important;
--hoverColor: rgba(255, 255, 255, 0.05) !important;
--backgroundColor: #666 !important;
--dividerColor: transparent !important;
--maskColor: rgba(33, 33, 33, 0.5) !important;
--placeholderColor: rgba(131, 131, 131, 0.6) !important;
/* background: url("@/imgs/matchmaker.jpg") !important; */
background: rgba(0, 0, 0, 0.3) url('@/imgs/matchmaker.jpg');
background-blend-mode: darken;
background-repeat: no-repeat !important;
background-size: cover !important;
}

/* 消除滚动条 */
#root *::-webkit-scrollbar {
display: none !important;
display: none !important;
}

.side-bar-container,
.page-container {
background-color: rgba(33, 33, 33, 0.5) !important;
}

.side-bar--list-item-container[data-selected="true"] {
background-color: rgba(255, 255, 255, 0.05) !important;
:root {
--listActiveColor: transparent !important;
--listHoverColor: transparent !important;
--textColor: #fcfcfc !important;
--primaryColor: #FF6666 !important;
--hoverColor: rgba(255, 255, 255, 0.05) !important;
--backgroundColor: #553535 !important;
--dividerColor: transparent !important;
/* --dividerColor: rgba(255, 255, 255, 0.1) !important; */
--placeholderColor: #744c4c !important;
/* --headerTextColor: #f5abff !important; */
--maskColor: rgba(51, 51, 51, 0.7) !important
}


.header-container,
.music-bar-container {
background-color: rgba(33, 33, 33, 0.5) !important;
/* backdrop-filter: blur(10px) !important; */
background-color: transparent !important;
/* backdrop-filter: blur(10px) !important; */
}

/* 音乐详情页 */
.music-detail-container {
background-image: url("@/imgs/matchmaker.jpg") !important;
background-repeat: no-repeat !important;
background-size: cover !important;
top: -54px !important;
bottom: -64px !important;
padding-top: 64px !important;
overflow: hidden !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

input+svg {
color: white !important;
opacity: 0.7 !important;
/* 歌词设置 */
.lyric-container {
/* background-color: red !important; */
height: 280px !important;
margin-top: 40px !important;
line-height: 30px !important;
/* color: #00ee20 !important;未播放歌词颜色 */
}

.header-search {
background-color: #666 !important;
/* 高亮歌词 */
/* [data-highlight="true"] {
color: rgb(37, 68, 172) !important;
font-size: 1.5em !important;
font-weight: 600 !important;
opacity: 1 !important;
} */

/* 歌词翻译角标位置 */
.lyric-options-container {
/* background-color: red !important; */
bottom: 100px !important;
}

.header-search input {
background-color: transparent !important;
/* 歌词翻译角标大小 */
.lyric-option-item {
/* color: #ff0000; */
width: 30px !important;
height: 30px !important;
}

a {
color: #00b7ff !important;
/* .music-body{
height: 260px !important;
background-color: red !important;
} */

.hide-music-detail {
top: 100px !important;
right: 100px !important;
}

.music-detail-container {
background: rgba(37, 18, 18, 0.05) !important;
backdrop-filter: blur(75px);
-webkit-backdrop-filter: blur(75px);
mask-image: none !important;
-webkit-mask-image: none !important;
top: -64px !important;
bottom: -66px !important;
padding-top: 64px !important;
/* 隐藏专辑封面 */
/* .music-album-options {
display: none !important;
} */

.header-search {
background-color: #4c789e38 !important;
}

.hide-music-detail {
right: 100px !important;
top: 100px !important;
a {
color: #6eff81 !important;
}

/* 歌词高亮 */
.lyric-item {
opacity: 0.2 !important;

&[data-highlight="true"] {
color: greenyellow !important;
font-size: 1.2em !important;
font-weight: 600 !important;
opacity: 1 !important;
}
}
opacity: 0.3 !important;

&[data-highlight="true"] {
color: #6eff81 !important;
font-size: 1.2em !important;
font-weight: 600 !important;
opacity: 1 !important;
}
}

/* 播放按钮 */
.primary-btn {
/* background-color: #ff0000 !important; */
border-radius: 20px !important;
width: 60px !important;

}

/* 上一曲/下一曲 */
.skip:hover {
color: #00ee20 !important;
}

/* 鼠标悬停音量/词/倍速.. */
/* .extra-btn:hover {
color: #00fc22 !important;
} */

/* 音量大小边框圆角 */
.volume-bubble-container {
border-radius: 5px !important;
}

/* 右下角播放列表 */
/* .components--panel-base-content {
background-color: #ff0000 !important;
} */
12 changes: 11 additions & 1 deletion pirate-boat/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
--hoverColor: rgb(76, 112, 136) !important;
--backgroundColor: #315472 !important;
--dividerColor: transparent !important;
--placeholderColor: transparent !important;
--placeholderColor: #28425a !important;
}

#root *::-webkit-scrollbar {
Expand Down Expand Up @@ -60,4 +60,14 @@ a {
font-weight: 600 !important;
opacity: 1 !important;
}
}

/* 上一曲/下一曲 */
.skip:hover {
color: #00ee20 !important;
}

/* 音量大小边框圆角 */
.volume-bubble-container {
border-radius: 5px !important;
}
7 changes: 7 additions & 0 deletions planet/config.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"name": "行星",
"preview": "@/imgs/preview.png",
"author": "hope",
"description": "宇宙行星,还挺好看。哈哈",
"version":"0.0.0"
}
Binary file added planet/imgs/preview.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 5389ca9

Please sign in to comment.