Lighten site brand theme

This commit is contained in:
yoma committed 2026-07-03 17:52:02 +08:00
1 parent 8ae63262ee
commit d61780daab
6 files changed
+26 -24

No files matched your search

+2 -2
View File
@@ -43,9 +43,9 @@ import { Icon } from "astro-icon/components";
<Link
href="https://github.com/msh01/edgeever"
target="_blank"
class="flex gap-2 items-center justify-center shadow-lg shadow-brand/20 hover:shadow-brand/35 transition-all duration-300 hover:scale-[1.02]"
class="group flex gap-2 items-center justify-center shadow-lg shadow-brand/20 hover:shadow-brand/35 transition-all duration-300 hover:scale-[1.02]"
rel="noopener">
<Icon class="text-white w-5 h-5" name="bx:bxl-github" />
<Icon class="text-brand-text w-5 h-5 transition-colors group-hover:text-white" name="bx:bxl-github" />
查看 GitHub 仓库
</Link>
<Link
+2 -2
View File
@@ -10,7 +10,7 @@ const { plan } = Astro.props;
class={`flex flex-col h-full justify-between border border-slate-100 p-8 rounded-3xl glow-card hover-lift relative ${plan.popular ? 'border-brand/20 bg-gradient-to-b from-brand-soft/40 to-white' : 'bg-white'}`}>
{plan.popular && (
<div class="absolute -top-3 right-6 bg-brand text-white px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wider shadow-md shadow-brand/10">
<div class="absolute -top-3 right-6 border border-brand-border bg-brand-muted px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wider text-brand-text shadow-md shadow-brand/10">
推荐方案
</div>
)}
@@ -46,7 +46,7 @@ const { plan } = Astro.props;
href={plan.button.link || "#"}
block
style={plan.popular ? "primary" : "outline"}
class={`w-full text-center py-3 rounded-xl font-semibold shadow-sm transition-all hover:scale-[1.01] ${plan.popular ? 'bg-brand text-white hover:bg-brand-hover shadow-brand/10' : 'border border-slate-200 hover:bg-slate-50'}`}>
class={`w-full text-center py-3 rounded-xl font-semibold shadow-sm transition-all hover:scale-[1.01] ${plan.popular ? 'shadow-brand/10' : 'border border-slate-200 hover:bg-slate-50'}`}>
{plan.button.text || "Get Started"}
</Link>
</div>
+2 -2
View File
@@ -21,9 +21,9 @@ const sizes = {
};
const styles = {
outline: "border-2 border-brand text-brand-text hover:bg-brand hover:text-white",
outline: "border border-brand-border text-brand-text hover:bg-brand-soft",
primary:
"bg-brand text-white hover:bg-brand-hover border-2 border-transparent",
"bg-brand-muted text-brand-text hover:bg-brand hover:text-white border border-brand-border shadow-[0_12px_30px_-18px_rgb(var(--edgeever-brand-rgb)/0.55)]",
};
---
+3 -2
View File
@@ -23,8 +23,9 @@ const sizes = {
};
const styles = {
outline: "bg-white border-2 border-brand text-brand-text hover:bg-brand-soft",
primary: "bg-brand text-white hover:bg-brand-hover border-2 border-transparent",
outline: "bg-white border border-brand-border text-brand-text hover:bg-brand-soft",
primary:
"bg-brand-muted text-brand-text border border-brand-border shadow-[0_12px_30px_-18px_rgb(var(--edgeever-brand-rgb)/0.55)] hover:bg-brand hover:text-white",
inverted: "bg-white text-black border-2 border-transparent",
muted: "bg-gray-100 hover:bg-gray-200 border-2 border-transparent",
};
+14 -13
View File
@@ -1,24 +1,25 @@
:root {
--edgeever-celadon-50: #f2faf7;
--edgeever-celadon-100: #e4f3ef;
--edgeever-celadon-200: #d8f3e9;
--edgeever-celadon-300: #9fd4c9;
--edgeever-celadon-400: #7bd4c0;
--edgeever-celadon-600: #16796f;
--edgeever-celadon-700: #147a72;
--edgeever-celadon-800: #155e57;
--edgeever-celadon-900: #0f5f59;
--edgeever-celadon-600-rgb: 22 121 111;
--edgeever-celadon-900-rgb: 15 95 89;
--edgeever-celadon-50: #f5fbf8;
--edgeever-celadon-100: #e8f6f1;
--edgeever-celadon-200: #d4efe7;
--edgeever-celadon-300: #a8dcd1;
--edgeever-celadon-400: #70c9b7;
--edgeever-celadon-500: #3fb2a1;
--edgeever-celadon-600: #2b968b;
--edgeever-celadon-700: #237a73;
--edgeever-celadon-800: #1e625d;
--edgeever-celadon-900: #184f4c;
--edgeever-celadon-600-rgb: 43 150 139;
--edgeever-celadon-700-rgb: 35 122 115;
--edgeever-brand: var(--edgeever-celadon-600);
--edgeever-brand-hover: var(--edgeever-celadon-900);
--edgeever-brand-hover: var(--edgeever-celadon-700);
--edgeever-brand-muted: var(--edgeever-celadon-100);
--edgeever-brand-soft: var(--edgeever-celadon-50);
--edgeever-brand-border: var(--edgeever-celadon-300);
--edgeever-brand-text: var(--edgeever-celadon-800);
--edgeever-brand-rgb: var(--edgeever-celadon-600-rgb);
--edgeever-brand-hover-rgb: var(--edgeever-celadon-900-rgb);
--edgeever-brand-hover-rgb: var(--edgeever-celadon-700-rgb);
--edgeever-brand-logo-bg: var(--edgeever-celadon-200);
--edgeever-brand-logo-mark: var(--edgeever-celadon-700);
--edgeever-brand-logo-accent: var(--edgeever-celadon-400);
+3 -3
View File
@@ -13,12 +13,12 @@
"dev:local": "concurrently -k -n api,web -c cyan,magenta \"bun run dev:api:local\" \"bun run dev:web\"",
"dev:api:local": "bun scripts/run-wrangler.mjs dev --local --port 8787",
"dev:web": "vite --config apps/web/vite.config.ts --host 127.0.0.1 --port 5173",
"dev:site": "bun run --cwd apps/site dev",
"dev:site": "bun --cwd apps/site dev",
"build": "bun run build:web",
"build:web": "vite build --config apps/web/vite.config.ts",
"build:site": "bun run --cwd apps/site build",
"build:site": "bun --cwd apps/site build",
"preview:web": "vite preview --config apps/web/vite.config.ts --host 127.0.0.1 --port 4173",
"preview:site": "bun run --cwd apps/site preview",
"preview:site": "bun --cwd apps/site preview",
"typecheck": "tsc -p tsconfig.json --noEmit",
"db:migrate:local": "bun scripts/run-wrangler.mjs d1 migrations apply DB --local",
"db:migrate:remote": "bun scripts/run-wrangler.mjs d1 migrations apply DB --remote",