Skip to content

Commit

Permalink
新增主题
Browse files Browse the repository at this point in the history
  • Loading branch information
Hopelsz committed Aug 4, 2024
1 parent f8f0139 commit bc42f73
Show file tree
Hide file tree
Showing 54 changed files with 1,651 additions and 0 deletions.
10 changes: 10 additions & 0 deletions Jinx/config.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
{
"name": "金克斯【动态】",
"preview": "@/imgs/preview.jpg",
"description": "金克丝的含义?就是金克丝,笨!",
"author": "hope",
"version": "0.0.0",
"iframe": {
"app": "@/iframes/app.html"
}
}
45 changes: 45 additions & 0 deletions Jinx/iframes/app.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>zzzzz</title>
<style>
html,
body {
padding: 0;
margin: 0;
overflow: hidden;
width: auto;
height: 700px;
}

.video-container {
position: relative;
width: auto;
height: 700px;
}

.video-container video {
width: auto;
height: 100%;
position: absolute;
top: 0;
/* left: -95px; */
left: 0;
filter: brightness(0.7);
}
</style>
</head>

<body>
<div class="video-container">
<video autoplay loop muted playsinline>
<source src="@/imgs/Jinx.mp4" type="video/mp4">
</video>

</div>
</body>

</html>
Binary file added Jinx/imgs/Jinx.mp4
Binary file not shown.
Binary file added Jinx/imgs/preview-detail.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Jinx/imgs/preview.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
104 changes: 104 additions & 0 deletions Jinx/index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
/* 消除滚动条 */
#root *::-webkit-scrollbar {
display: none !important;
}


:root {
--listActiveColor: transparent !important;
--listHoverColor: transparent !important;
--textColor: #ffffff !important;
--primaryColor: #ffb3bd !important;
--backgroundColor: rgb(172, 159, 158) !important;
--dividerColor: transparent !important;
--placeholderColor: rgb(164, 141, 138) !important;
--headerTextColor: #ffffff !important;
--maskColor: rgb(18, 18, 18, 0.6) !important;
font-size: 14px !important;
}

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

/* 音乐详情页 */
.music-detail-container {
background-image: url("@/imgs/preview-detail.png") !important;
background-repeat: no-repeat !important;
background-size: cover !important;
top: -54px !important;
bottom: -64px !important;
padding-top: 64px !important;
/* background: rgba(37, 18, 18, 0.2) !important;
backdrop-filter: blur(52px);
-webkit-backdrop-filter: blur(52px); */
}

/* 歌词设置 */
.lyric-container {
height: 280px !important;
margin-top: 40px !important;
line-height: 30px !important;
}

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

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


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

/* 隐藏专辑封面 */
.music-album-options {
display: none !important;
}

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

a {
color: #6eff81 !important;
}

/* 歌词高亮 */
.lyric-item {
opacity: 0.8 !important;
font-size: 18px !important;

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

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

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

/* 音量大小边框圆角 */
.volume-bubble-container {
border-radius: 5px !important;
}
10 changes: 10 additions & 0 deletions afternoon-jinx/config.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
{
"name": "午后金克斯【动态】",
"preview": "@/imgs/preview.png",
"description": "爆爆!",
"author": "hope",
"version": "0.0.0",
"iframe": {
"app": "@/iframes/app.html"
}
}
44 changes: 44 additions & 0 deletions afternoon-jinx/iframes/app.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>zzzzz</title>
<style>
html,
body {
padding: 0;
margin: 0;
overflow: hidden;
width: auto;
height: 700px;
}

.video-container {
position: relative;
width: auto;
height: 700px;
}

.video-container video {
width: auto;
height: 100%;
position: absolute;
top: 0;
left: 0;
filter: brightness(0.8);
}
</style>
</head>

<body>
<div class="video-container">
<video autoplay loop muted playsinline>
<source src="@/imgs/金克斯.mp4" type="video/mp4">
</video>

</div>
</body>

</html>
Binary file added afternoon-jinx/imgs/preview-detail.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added afternoon-jinx/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.
Binary file added afternoon-jinx/imgs/金克斯.mp4
Binary file not shown.
Binary file added afternoon-jinx/imgs/金克斯.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
111 changes: 111 additions & 0 deletions afternoon-jinx/index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,111 @@
/* #root {
background: rgba(0, 0, 0, 0.2) url('@/imgs/123.mp4');
background-blend-mode: darken;
background-repeat: no-repeat !important;
background-size: cover !important;
} */

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


:root {
--listActiveColor: transparent !important;
--listHoverColor: transparent !important;
--textColor: #ffffff !important;
--primaryColor: rgb(255, 83, 103) !important;
--backgroundColor: #5d95ff !important;
--dividerColor: transparent !important;
--placeholderColor: rgb(192, 192, 192) !important;
--headerTextColor: #ffffff !important;
--maskColor: rgb(18, 18, 18, 0.4) !important;
font-size: 14px !important;
}

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

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

/* 歌词设置 */
.lyric-container {
/* background-color: red !important; */
height: 280px !important;
margin-top: 40px !important;
line-height: 30px !important;
}

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

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


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

/* 隐藏专辑封面 */
.music-album-options {
display: none !important;
}

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

a {
color: #6eff81 !important;
}

/* 歌词高亮 */
.lyric-item {
opacity: 0.8 !important;
font-size: 18px !important;

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

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

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

/* 音量大小边框圆角 */
.volume-bubble-container {
border-radius: 5px !important;
}
10 changes: 10 additions & 0 deletions city-girl/config.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
{
"name": "城市夜晚女孩【动态】",
"preview": "@/imgs/preview.png",
"description": "城市夜晚女孩",
"author": "hope",
"version": "0.0.0",
"iframe": {
"app": "@/iframes/app.html"
}
}
44 changes: 44 additions & 0 deletions city-girl/iframes/app.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>zzzzz</title>
<style>
html,
body {
padding: 0;
margin: 0;
overflow: hidden;
width: auto;
height: 700px;
}

.video-container {
position: relative;
width: auto;
height: 700px;
}

.video-container video {
width: auto;
height: 100%;
position: absolute;
top: 0;
left: 0;
filter: brightness(0.7);
}
</style>
</head>

<body>
<div class="video-container">
<video autoplay loop muted playsinline>
<source src="@/imgs/城市夜晚女孩.mp4" type="video/mp4">
</video>

</div>
</body>

</html>
Binary file added city-girl/imgs/preview-detail.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added city-girl/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.
Binary file added city-girl/imgs/城市夜晚女孩.mp4
Binary file not shown.
Loading

0 comments on commit bc42f73

Please sign in to comment.