New Theme

Jyanme/config.json

@@ -0,0 +1,7 @@
+{
+    "name": "集原美",
+    "preview": "@/imgs/preview.png",
+    "description": "集原美是一个赛博朋克风格，兼具未来感和时尚感的奇幻少女，拥有各种奇幻小能力，时而俏皮可爱，时而飒爽英姿，风格多变",
+    "author": "hope",
+    "version": "0.0.0"
+}

Jyanme/index.css

@@ -0,0 +1,144 @@
+#root {
+    background: rgba(0, 0, 0, 0.2) url('@/imgs/preview.png');
+    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: #fcfcfc !important;
+    --primaryColor: #FF9999 !important;
+    --backgroundColor: #8b8baa !important;
+    --dividerColor: transparent !important;
+    --placeholderColor: #a89898 !important;
+    --headerTextColor: #fcfcfc !important;
+    --maskColor: rgba(51, 51, 51, 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.png") !important;
+    background-repeat: no-repeat !important;
+    background-size: cover !important; */
+
+    top: -54px !important;
+    bottom: -65px !important;
+    padding-top: 64px !important;
+    overflow: hidden !important;
+    mask-image: none !important;
+    -webkit-mask-image: none !important;
+    background: rgba(37, 18, 18, 0.2) !important;
+    backdrop-filter: blur(75px);
+    -webkit-backdrop-filter: blur(75px);
+
+}
+
+/* 歌词设置 */
+.lyric-container {
+    /* background-color: red !important; */
+    height: 280px !important;
+    margin-top: 40px !important;
+    line-height: 30px !important;
+    /* color: #00ee20 !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;
+}
+
+/* 歌词翻译角标大小 */
+.lyric-option-item {
+    /* color: #ff0000; */
+    width: 30px !important;
+    height: 30px !important;
+}
+
+/* .music-body{
+      height: 260px !important;
+      background-color: red !important;
+    } */
+
+.hide-music-detail {
+    top: 100px !important;
+    right: 100px !important;
+}
+
+/* 隐藏专辑封面 */
+/* .music-album-options {
+    display: none !important;
+} */
+
+.header-search {
+    background-color: #4c789e38 !important;
+}
+
+a {
+    color: #64fc78 !important;
+}
+
+/* 歌词高亮 */
+.lyric-item {
+    opacity: 0.2 !important;
+    font-size: 18px !important;
+
+    &[data-highlight="true"] {
+        color: #6eff81 !important;
+        font-size: 25px !important;
+        font-weight: 600 !important;
+        opacity: 1 !important;
+    }
+}
+
+/* 播放按钮 */
+.primary-btn {
+    /* background-color: #ff0000 !important; */
+    border-radius: 20px !important;
+    width: 60px !important;
+
+}
+
+/* 上一曲/下一曲 */
+.skip:hover {
+    color: #FFFF99 !important;
+}
+
+/* 鼠标悬停音量/词/倍速.. */
+/* .extra-btn:hover {
+    color: #00fc22 !important;
+  } */
+
+/* 音量大小边框圆角 */
+.volume-bubble-container {
+    border-radius: 5px !important;
+}
+
+/* 右下角播放列表 */
+/* .components--panel-base-content {
+      background-color: #ff0000 !important;
+    } */

blue-shadow/config.json

@@ -0,0 +1,7 @@
+{
+    "name": "蓝影",
+    "preview": "@/imgs/preview.jpeg",
+    "author": "hope",
+    "description": "影影影影影",
+    "version": "0.0.0"
+}

blue-shadow/index.css

@@ -0,0 +1,112 @@
+#root {
+    background: rgba(0, 0, 0, 0.3) url('@/imgs/preview.jpeg');
+    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: #f1efef !important;
+    --primaryColor: rgba(219, 115, 54) !important;
+    /* --hoverColor: rgb(76, 112, 136) !important; */
+    --backgroundColor: rgba(11, 14, 24) !important;
+    --dividerColor: transparent !important;
+    --placeholderColor: rgba(19, 39, 71) !important;
+    --headerTextColor: #f1efef !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.jpeg") !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 {
+    /* background-color: red !important; */
+    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.5 !important;
+    font-size: 18px !important;
+
+    &[data-highlight="true"] {
+        color: #56ff6c !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;
+}

blue-technology/config.json

@@ -0,0 +1,10 @@
+{
+    "name": "蓝色科技【动态】",
+    "preview": "@/imgs/preview.jpeg",
+    "description": "夏日炎炎，海边公路格外美丽~",
+    "author": "hope",
+    "version": "0.0.0",
+    "iframe": {
+        "app": "@/iframes/app.html"
+    }
+}

blue-technology/iframes/app.html

@@ -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>蓝色科技</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;
+            right: 0;
+            filter: brightness(0.8);
+        }
+    </style>
+</head>
+
+<body>
+    <div class="video-container">
+        <video autoplay loop muted playsinline>
+            <source src="@/imgs/【视频】蓝色科技01.mp4" type="video/mp4">
+        </video>
+
+    </div>
+</body>
+
+</html>