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