Lighten site brand theme
This commit is contained in:
1 parent
8ae63262ee
commit
d61780daab
6 files changed
+26
-24
No files matched your search
@@ -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
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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)]",
|
||||
};
|
||||
---
|
||||
|
||||
|
||||
@@ -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",
|
||||
};
|
||||
|
||||
@@ -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
@@ -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",
|
||||
|
||||
Reference in new issue
Block a user