chuan/WeChatDataAnalysis
1
0
Fork 0
mirror of https://github.com/LifeArchiveProject/WeChatDataAnalysis.git synced 2026-02-20 14:50:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

improvement(wrapped): 清理主题系统，Wrapped 固定 Modern

Browse Source 
- 移除 useWrappedTheme 与主题切换入口（仅保留 Modern 视觉）

- 封面/卡片/年份选择器/热力图等组件去掉 Win98/Gameboy/DOS 分支与样式

- 删除 themedHeatColor、CRT/像素字体相关样式，降低维护成本
This commit is contained in:
2977094657
2026-02-18 23:02:50 +08:00
parent 967ad2a5fb
commit f2feaed666
20 changed files with 59 additions and 2812 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
frontend/components/wrapped/visualizations/ChatReplayAnimation.vue
View File

@@ -309,126 +309,4 @@ watch(
opacity: 1;
transform: translateX(0);
}
/* ========== Game Boy 主题 ========== */
.wrapped-theme-gameboy .wrapped-chat-replay {
--wr-chat-frame-bg: #9bbc0f;
--wr-chat-top-bg: #8bac0f;
--wr-chat-chat-bg: #9bbc0f;
--wr-chat-border: #306230;
--wr-chat-bubble-bg: #8bac0f;
--wr-chat-bubble-tail: #8bac0f;
--wr-chat-bubble-text: #0f380f;
--wr-chat-typing-bg: #c5d870;
--wr-chat-typing-dot: #0f380f;
border-width: 4px;
border-radius: 0;
box-shadow:
inset -2px -2px 0 0 #306230,
inset 2px 2px 0 0 #c5d870;
}
.wrapped-theme-gameboy .wrapped-chat-replay__top {
border-bottom-width: 3px;
}
.wrapped-theme-gameboy .wrapped-chat-replay__typing,
.wrapped-theme-gameboy .wrapped-chat-replay__bubble {
border-radius: 0;
border: 3px solid #306230;
box-shadow:
inset -2px -2px 0 0 #306230,
inset 2px 2px 0 0 #9bbc0f;
}
.wrapped-theme-gameboy .wrapped-chat-replay__top .wrapped-label,
.wrapped-theme-gameboy .wrapped-chat-replay__top .wrapped-body {
color: #0f380f !important;
}
.wrapped-theme-gameboy .wrapped-chat-replay__bubble-text {
font-family: var(--font-pixel-10), 'Courier New', monospace;
}
/* ========== DOS 主题 ========== */
.wrapped-theme-dos .wrapped-chat-replay {
--wr-chat-frame-bg: #0a0a0a;
--wr-chat-top-bg: #0a0a0a;
--wr-chat-chat-bg: #0a0a0a;
--wr-chat-border: #33ff33;
--wr-chat-bubble-bg: #0a0a0a;
--wr-chat-bubble-tail: #0a0a0a;
--wr-chat-bubble-text: #33ff33;
--wr-chat-typing-bg: #0a0a0a;
--wr-chat-typing-dot: #33ff33;
box-shadow: 0 0 10px rgba(51, 255, 51, 0.2);
}
.wrapped-theme-dos .wrapped-chat-replay__typing,
.wrapped-theme-dos .wrapped-chat-replay__bubble {
border: 1px solid #33ff33;
box-shadow: 0 0 6px rgba(51, 255, 51, 0.18);
}
.wrapped-theme-dos .wrapped-chat-replay__top .wrapped-label,
.wrapped-theme-dos .wrapped-chat-replay__top .wrapped-body {
color: #33ff33 !important;
text-shadow: 0 0 3px rgba(51, 255, 51, 0.6);
}
.wrapped-theme-dos .wrapped-chat-replay__bubble-text {
font-family: 'Courier New', monospace;
text-shadow: 0 0 3px rgba(51, 255, 51, 0.6);
}
/* ========== Win98 主题 ========== */
.wrapped-theme-win98 .wrapped-chat-replay {
--wr-chat-frame-bg: #c0c0c0;
--wr-chat-top-bg: linear-gradient(90deg, #000080, #1084d0);
--wr-chat-chat-bg: #ffffff;
--wr-chat-border: #808080;
--wr-chat-bubble-bg: #ffffff;
--wr-chat-bubble-tail: #ffffff;
--wr-chat-bubble-text: #000000;
--wr-chat-typing-bg: #ffffff;
--wr-chat-typing-dot: #000000;
border-radius: 0;
border: 1px solid #808080;
box-shadow:
inset 1px 1px 0 #ffffff,
inset -1px -1px 0 #000000;
}
.wrapped-theme-win98 .wrapped-chat-replay__top {
border-bottom: 1px solid #808080;
}
.wrapped-theme-win98 .wrapped-chat-replay__top .wrapped-label,
.wrapped-theme-win98 .wrapped-chat-replay__top .wrapped-body {
/* Title-bar text should be white on the Win98 blue gradient. */
color: #ffffff !important;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
}
.wrapped-theme-win98 .wrapped-chat-replay__avatar-fallback {
color: rgba(255, 255, 255, 0.9);
}
.wrapped-theme-win98 .wrapped-chat-replay__typing,
.wrapped-theme-win98 .wrapped-chat-replay__bubble {
border-radius: 0;
border: 1px solid #808080;
box-shadow:
inset 1px 1px 0 #ffffff,
inset -1px -1px 0 #000000;
}
</style>