ssy/lan-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 适配Dream2.0 Plus主题风格 - 天蓝主题色/半透明背景/8px圆角

Browse Source
This commit is contained in:
shirainbown
2026-06-19 15:36:13 +08:00
parent bab2433c13
commit 54e6336ea4
1 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
web/src/App.vue
View File

@@ -16,30 +16,30 @@ onMounted(() => {
</script>
<style>
/* ─── Light Mode ─── */
/* ─── Light Mode (Dream2.0 Plus style) ─── */
:root {
--page-bg: #f6f8fa;
--page-bg: rgba(255, 255, 255, 0.94);
--card-bg: #ffffff;
--card-hover: #f6f8fa;
--card-hover: #f2f6fc;
--sidebar-bg: #ffffff;
--text-primary: #1f2328;
--text-primary: #424242;
--text-secondary: #57606a;
--text-muted: #8c959f;
--border: #d0d7de;
--border-strong: #c8cdd1;
--accent: #0969da;
--accent-weak: #ddf4ff;
--accent-hover: #0550ae;
--border: #ebeef5;
--border-strong: #dcdcdc;
--accent: #50bfff;
--accent-weak: #e8f3ff;
--accent-hover: #409eff;
--success: #1a7f37;
--success-weak: #dafbe1;
--warning: #9a6700;
--warning-weak: #fff8c5;
--danger: #cf222e;
--danger-weak: #ffebe9;
--radius: 12px;
--radius-sm: 8px;
--shadow: 0 1px 2px rgba(31, 35, 40, 0.04), 0 1px 3px rgba(31, 35, 40, 0.02);
--shadow-card: 0 1px 3px rgba(31, 35, 40, 0.06), 0 4px 12px rgba(31, 35, 40, 0.04);
--radius: 8px;
--radius-sm: 4px;
--shadow: 0 0px 10px -5px #949494;
--shadow-card: 0 0px 10px -5px #949494;
--shadow-lg: 0 8px 24px rgba(31, 35, 40, 0.08);
--font-family: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--pill-bg: #f6f8fa;
@@ -49,19 +49,19 @@ onMounted(() => {
--header-gradient: linear-gradient(135deg, #ffffff 0%, #f6f8fa 100%);
}
/* ─── Dark Mode (songshiyu.cn style) ─── */
/* ─── Dark Mode (Dream2.0 Plus night style) ─── */
html.dark {
--page-bg: #0d1117;
--card-bg: #161b22;
--card-hover: #1c2128;
--page-bg: rgba(40, 44, 52, 0.6);
--card-bg: rgba(40, 44, 52, 0.8);
--card-hover: rgba(40, 44, 52, 0.9);
--sidebar-bg: #010409;
--text-primary: #c9d1d9;
--text-primary: #ccc;
--text-secondary: #8b949e;
--text-muted: #6e7681;
--border: #30363d;
--border-strong: #484f58;
--accent: #58a6ff;
--accent-weak: rgba(88, 166, 255, 0.15);
--accent: #5d93db;
--accent-weak: rgba(93, 147, 219, 0.15);
--accent-hover: #79b8ff;
--success: #3fb950;
--success-weak: rgba(63, 185, 80, 0.15);