koishi-plugin-chat-patch 3.0.1 → 5.0.0

package/client/web/src/assets/css/append/append_darwin.css

@@ -0,0 +1,68 @@
+/* macOS 桌面端样式 */
+
+body {
+    font: 14px -apple-system, Helvetica, Arial,
+        Verdana, Tahoma, sans-serif !important;
+}
+
+.main-body > ul {
+    height: calc(100% - 35px);
+    padding-top: 25px;
+}
+
+.opt-main > div:last-child {
+    padding: 10px 10px 0 10px;
+}
+
+.friend-list {
+    padding-top: 20px;
+}
+
+@media (max-width: 700px) {
+    /* macOS 下忽略 500 档位，因为需要避开红绿灯按钮 */
+    .pop-box-body {
+        width: fit-content !important;
+    }
+    .opt-main > div:last-child {
+        height: calc(100% - 15px) !important;
+        padding-top: 30px !important;
+    }
+    .chat-pan {
+        left: 0 !important;
+    }
+    .chat-pan.open {
+        left: 300px !important;
+        transform: unset !important;
+    }
+    .chat-info {
+        width: calc(100% - 70px);
+        height: calc(100% - 165px);
+        padding-top: 20px;
+    }
+    .chat-pan > div.info {
+        margin-top: 35px;
+    }
+    .chat-pan.open > div.info > svg {
+        display: none;
+    }
+    .chat-pan.open {
+        transform: translateX(100%);
+    }
+    .opt-main > div:last-child {
+        padding: 33px 10px 0 10px;
+    }
+
+    .friend-list > div:first-child > div.small {
+        margin-left: 12px;
+    }
+}
+@media (max-width: 500px) {
+    .chat-pan.open {
+        transform: translateX(100%) !important;
+    }
+    .chat-info {
+        width: calc(100% - 30px);
+        height: calc(100% - 125px);
+        padding-top: 40px;
+    }
+}

package/client/web/src/assets/css/append/append_full_vibrancy.css

@@ -0,0 +1,290 @@
+#app {
+    background: none !important;
+}
+
+::-webkit-scrollbar {
+    background: rgba(var(--color-card-rgb), 0.3);
+}
+
+.pop-box > div:last-child {
+    opacity: 0.5;
+}
+.pop-box-body {
+    background-color: rgba(var(--color-card-rgb), 0.3);
+    box-shadow: 0 0 3px var(--color-shader);
+    backdrop-filter: blur(20px);
+}
+.pop-box-body > div.button {
+    background: rgba(var(--color-card-1-rgb), 0.5);
+}
+
+.friend-view > div:last-child {
+    background: transparent;
+    box-shadow: unset;
+}
+.friend-view > div:last-child > div {
+    background: unset;
+    box-shadow: unset;
+}
+.friend-view > div:last-child > div.cd {
+    display: none;
+}
+.friend-body.onmenu,
+.friend-body:hover {
+    background: rgba(var(--color-card-2-rgb), 0.7) !important;
+    backdrop-filter: blur(20px);
+}
+.friend-body > svg {
+    background: var(--color-main);
+    color: var(--color-font-r);
+}
+
+
+.chat-pan {
+    background: transparent;
+    box-shadow: unset !important;
+    border-left: 1px solid var(--color-shader);
+}
+.chat-pan > div.bg {
+    background: unset;
+}
+.chat-pan > div.info,
+.sys-not-pan > div:first-child {
+    background: rgba(var(--color-card-rgb), 0.3);
+    box-shadow: 0 0 3px var(--color-shader);
+    backdrop-filter: blur(20px);
+}
+
+.chat-pan > div.new-msg > div {
+    background: rgba(var(--color-card-1-rgb), 0.4);
+    backdrop-filter: blur(15px);
+}
+
+.merge-pan.show > div:first-child {
+    opacity: 0;
+}
+.merge-pan > div:last-child {
+    background: rgba(var(--color-card-rgb), 0.5);
+    box-shadow: 0 0 3px var(--color-shader);
+    backdrop-filter: blur(20px);
+}
+
+.sys-not-list > div {
+    background: rgba(var(--color-card-rgb), 0.3);
+}
+
+.chat-info {
+    background-color: rgba(var(--color-card-rgb), 0.5);
+    backdrop-filter: blur(20px);
+}
+.chat-info-tab > div:first-child {
+    background: transparent;
+}
+.forward-pan > div.card {
+    background: rgba(var(--color-card-rgb), 0.5);
+    box-shadow: 0 0 3px var(--color-shader);
+    backdrop-filter: blur(20px);
+}
+.forward-pan > div.bg {
+    background: unset;
+}
+
+.user-config {
+    background: rgba(var(--color-card-rgb), 0.7);
+    backdrop-filter: blur(25px);
+}
+.chat-info-base {
+    background: rgba(var(--color-card-1-rgb), 0.8);
+    backdrop-filter: blur(25px);
+}
+
+.chat-pan > div.more > div:nth-child(2) > div {
+    background: rgba(var(--color-card-2-rgb), 0.5);
+    box-shadow: 0 0 3px var(--color-shader);
+    backdrop-filter: blur(20px);
+}
+.more-detail > div {
+    background: rgba(var(--color-card-2-rgb), 0.7);
+    backdrop-filter: blur(20px);
+}
+.more-detail > div.space {
+     backdrop-filter: unset;
+}
+.note-base {
+    background: rgba(var(--color-card-rgb), 0.5);
+}
+.message-body > div {
+    background: rgba(var(--color-card-rgb), 0.5);
+    backdrop-filter: blur(20px);
+}
+.msg-menu-body {
+    background: rgba(var(--color-bg-rgb), 0.3);
+    backdrop-filter: blur(10px);
+}
+.message.selected {
+    opacity: 1;
+    background: rgba(var(--color-card-rgb), 0.78);
+    outline: 2px solid var(--color-main);
+    outline-offset: -2px;
+}
+/* 多选模式：未选中消息弱化，选中消息显示描边和勾选 */
+.message.selecting {
+    position: relative;
+    padding-left: 36px;
+    opacity: 0.55;
+    cursor: pointer;
+}
+.message.selecting.selected {
+    opacity: 1;
+    background: rgba(var(--color-card-rgb), 0.78);
+    outline: 2px solid var(--color-main);
+    outline-offset: -2px;
+}
+.message.selecting::after {
+    content: '';
+    position: absolute;
+    top: 8px;
+    left: 10px;
+    right: auto;
+    width: 18px;
+    height: 18px;
+    box-sizing: border-box;
+    border: 2px solid var(--color-font-2);
+    border-radius: 50%;
+    background: rgba(var(--color-bg-rgb), 0.6);
+    pointer-events: none;
+    z-index: 2;
+}
+.message.selecting.selected::after {
+    content: '';
+    background: var(--color-main);
+    border-color: var(--color-main);
+}
+
+.msg-replay {
+    background: #0000000f;
+}
+.msg-replay.me,
+.msg-replay.me .message-body,
+.msg-replay.me .msg-text,
+.msg-replay.me span,
+.msg-replay.me a {
+    color: var(--color-font-r);
+}
+
+.face-pan,
+.jin-pan,
+.select-tag,
+.replay-tag,
+.at-tag,
+.search-tag,
+.img-pan {
+    background-color: rgba(var(--color-card-rgb), 0.5);
+    backdrop-filter: blur(15px);
+}
+.base-face > div,
+.face-stickers > img,
+.jin-pan-body > div {
+    background: rgba(var(--color-card-rgb), 0.3);
+}
+.at-tag > div.selected,
+.at-tag > div:hover {
+    background-color: rgba(var(--color-card-2-rgb), 0.5);
+}
+
+.contributors-card {
+    background: unset;
+}
+
+.opt-main > div:last-child {
+    background-color: transparent !important;
+    box-shadow: unset !important;
+}
+.opt-page > div,
+.opt-tab > div:first-child,
+.end-card {
+    background: rgba(var(--color-card-rgb), 0.3);
+    box-shadow: unset !important;
+}
+.account-info {
+    background: var(--color-main) !important;
+}
+.opt-page > div > div.tip,
+.l10n-info,
+.bot-status {
+    background: rgba(var(--color-card-1-rgb), 0.4);
+}
+
+.opt-item:hover {
+    background: rgba(var(--color-card-1-rgb), 0.8);
+}
+.opt-item input[type='password'],
+.opt-item input[type='text'],
+.opt-item select,
+.opt-item > div.file-choice > div,
+.ss-switch > div,
+.debug-info {
+    background: rgba(var(--color-card-1-rgb), 0.5);
+}
+.ss-range input {
+    background-color: rgba(var(--color-card-1-rgb), 0.5);
+}
+
+.dept-list > div:first-child {
+    background: unset;
+}
+.power-by,
+.dept-list-body > div.info,
+.dept > div {
+    background: rgba(var(--color-card-rgb), 0.3) !important;
+}
+
+.umami-info-pan {
+    background: transparent !important;
+}
+.view-pan {
+    background: rgba(var(--color-card-rgb), 0);
+}
+.type-list {
+    background: rgba(var(--color-card-2-rgb), 0.5) !important;
+}
+.detail-list {
+    background: rgba(var(--color-card-1-rgb), 0.5) !important;
+}
+
+.end-card > svg {
+    opacity: 0.5;
+}
+
+.release-item {
+    background: rgba(var(--color-card-rgb), 0.5) !important;
+}
+
+.global-session-search-bar {
+    background-color: rgba(var(--color-card-rgb), 0.3);
+    box-shadow: 0 0 3px var(--color-shader);
+    backdrop-filter: blur(20px);
+}
+
+.qzone-view-header a,
+.create-qzone,
+.qzone-feed-load-state {
+    background: rgba(var(--color-card-rgb), 0.8) !important;
+    backdrop-filter: blur(10px);
+}
+.qzone-feed-card {
+    background: rgba(var(--color-card-rgb), 0.6);
+    backdrop-filter: blur(10px);
+}
+
+@media (max-width: 700px) {
+    .friend-list {
+        background: transparent !important;
+    }
+}
+
+@media (max-width: 500px) {
+    .chat-pan {
+        backdrop-filter: blur(10px);
+    }
+}

package/client/web/src/assets/css/append/append_linux.css

@@ -0,0 +1,125 @@
+/* linux 桌面端基本样式 */
+
+#app {
+    margin: 10px;
+    border-radius: 7px;
+    overflow: hidden;
+    box-shadow: 0 0 10px #00000045;
+    width: calc(100% - 20px);
+    height: calc(100% - 20px);
+    border: 1px solid #00000059;
+}
+#base-app.withBar {
+    padding-top: 0;
+    height: 100%;
+}
+
+.exp-header {
+    margin-left: 10px !important;
+}
+.friend-list {
+    background: var(--color-bg);
+}
+.main-body > ul {
+    background: var(--color-bg);
+    padding-left: 5px;
+}
+.friend-view > div:last-child {
+    background: var(--color-card);
+}
+.friend-view > div:last-child > div {
+    background: var(--color-card-1);
+}
+.friend-list > div:first-child {
+    margin-left: 5px;
+    margin-right: 25px;
+}
+.friend-list > div:last-child {
+    margin-left: -10px;
+}
+
+.top-bar {
+    border-radius: 7px 7px 0 0;
+    width: calc(100% - 20px);
+    background: transparent;
+    box-shadow: unset;
+    height: 35px;
+}
+.top-bar > div.controller > div {
+    padding: 7px;
+}
+.top-bar > div.controller > div > svg {
+    height: 14px;
+}
+
+.chat-pan.withBar {
+    height: calc(100% - 46px);
+    top: 11px;
+    margin-right: 10px;
+    border-radius: 0 7px 7px 0;
+    padding-top: 25px;
+    left: 275px;
+    box-shadow: -5px 0 4px -5px var(--color-shader);
+}
+.chat-pan > div.bg {
+    backdrop-filter: blur(0px);
+    margin-top: -25px;
+    height: calc(100% + 1px);
+    border-radius: 0 7px 7px 0;
+}
+
+.chat-info {
+    margin: calc(50vh - 25px) 0 0 50%;
+}
+
+.opt-main > div:last-child {
+    padding-top: 25px;
+    height: calc(100% - 25px);
+}
+.pop-box > div:last-child {
+    height: calc(100% - 20px);
+    width: calc(100% - 20px);
+    border-radius: 7px;
+    margin: 10px;
+}
+
+.opt-main > div:first-child {
+    margin-top: 20px;
+}
+
+@media (max-width: 700px) {
+    .chat-pan.withBar {
+        height: calc(100% - 105px) !important;
+        left: 70px !important;
+    }
+    .chat-pan.open.withBar {
+        left: 90px !important;
+    }
+    .friend-list {
+        width: 60px !important;
+    }
+    .friend-list > div:first-child {
+        margin: 15px 15px 0 8px !important;
+        margin-left: 0 !important;
+    }
+    .friend-list > div:first-child > div.small > div {
+        width: 35px;
+        height: 35px;
+        margin-right: 0;
+    }
+    .friend-list.open > div:first-child > div.small > div {
+        height: 44px;
+        width: 44px;
+    }
+    .friend-list > div:first-child > div.small {
+        margin-top: -20px;
+        margin-left: 5px;
+        margin-bottom: 5px;
+    }
+}
+
+@media (max-width: 500px) {
+    .friend-list > div:first-child {
+        margin: 15px 15px 0 0 !important;
+    }
+}

package/client/web/src/assets/css/append/append_linux_vibrancy.css

@@ -0,0 +1,22 @@
+/* linux 桌面端透明附加 */
+
+#app {
+    margin: 0;
+    width: calc(100% - 2px);
+    height: calc(100% - 2px);
+}
+.top-bar {
+    width: calc(100% - 2px);
+}
+.chat-pan.withBar {
+    height: calc(100% - 27px);
+    margin-right: 1px;
+    top: 1px;
+}
+.friend-list > div:last-child {
+    margin-left: 0;
+}
+.opt-main > div:last-child {
+    padding-top: 35px;
+    height: calc(100% - 26px);
+}

package/client/web/src/assets/css/append/append_napcat.css

@@ -0,0 +1,35 @@
+html,
+body,
+.main-body > ul,
+.friend-list,
+.friend-list-space,
+.chat-pan,
+.opt-main {
+    background: transparent !important;
+}
+
+.friend-list-space > div.cd,
+.chat-pan > div.bg {
+    display: none;
+}
+
+.main-body > ul > li > svg,
+.friend-body,
+.friend-body > svg,
+.friend-body img,
+.chat-pan > div.info > svg,
+.chat-pan > div.info,
+.ss-card,
+.chat-pan > div.info > img,
+.chat-pan > div.more > div:nth-child(2) > div,
+.more-detail > div {
+    border-radius: 14px !important;
+}
+
+.chat-pan {
+    border-left: none !important;
+}
+
+.logo-card {
+    background: rgba(var(--color-card-rgb),.3);
+}