ما كود hex الخاص بـ causal.so؟

اللون المميز في causal.so هو #1a1a1a؛ خلفية الصفحة #f9f9f9 ولون النص الرئيسي #1a1a1a. كل قيمة مقاسة من الصفحة المعروضة، فهي ما يراه الزوار، لا قيمة من دليل أنماط.

كيف أستخدم ألوان causal.so في Tailwind أو CSS؟

انسخ متغيرات CSS أو سمة Tailwind v4 من هذه الصفحة، أو نزّل حزمة التصميم: تتضمن tokens.json (بصيغة W3C design tokens) وtokens.css وtailwind.css بالقيم نفسها.

لوحة ألوان causal.so: أكواد hex وCSS

اللوحة

10 ألوان

الألوان	الدور	Hex	RGB	فاتح / داكن
`background`	Page background	`#f9f9f9`	`rgb(249 249 249)`	`#060606`
`surface`	Cards, panels, raised or recessed surfaces	`#e3e3e5`	`rgb(227 227 229)`	`#111111`
`surface-2`	Secondary surface	`#abdddf`	`rgb(171 221 223)`	`#3d2b1f`
`surface-3`	Secondary surface	`#d8d8d8`	`rgb(216 216 216)`	`#1a1a1a`
`foreground`	Primary text	`#1a1a1a`	`rgb(26 26 26)`	`#111111`
`muted-foreground`	Secondary text, captions	`#878787`	`rgb(135 135 135)`
`primary`	Candidate accent (semantic role inferred)	`#1a1a1a`	`rgb(26 26 26)`	`#e5e5e5`
`on-primary`	Text on the accent	`#ffffff`	`rgb(255 255 255)`	`#111111`
`secondary`	Secondary accent (amber)	`#ffc9a0`	`rgb(255 201 160)`	`#c98a74`
`border`	Hairlines, dividers, input borders	`#f2f2f2`	`rgb(242 242 242)`	`#f2f2f2`

متغيرات CSS

كل لون كخاصية مخصصة مسماة بدورها. تظهر كتلة الوضع الداكن عندما يكون للموقع سمة داكنة.

1:root {
2  --color-background: #f9f9f9;
3  --color-surface: #e3e3e5;
4  --color-surface-2: #abdddf;
5  --color-surface-3: #d8d8d8;
6  --color-foreground: #1a1a1a;
7  --color-muted-foreground: #878787;
8  --color-primary: #1a1a1a;
9  --color-on-primary: #ffffff;
10  --color-secondary: #ffc9a0;
11  --color-border: #f2f2f2;
12}
13
14[data-theme="dark"] {
15  --color-background: #060606;
16  --color-surface: #111111;
17  --color-surface-2: #3d2b1f;
18  --color-surface-3: #1a1a1a;
19  --color-foreground: #111111;
20  --color-primary: #e5e5e5;
21  --color-on-primary: #111111;
22  --color-secondary: #c98a74;
23  --color-border: #f2f2f2;
24}

لوكلاء الذكاء الاصطناعي

الحزمة نص عادي بلا مفتاح: اجلب DESIGN.md، أو سلّم الحزمة كاملة إلى Claude Code أو Cursor أو Copilot عبر خادم MCP.

curl -s https://stylepack.ai/packs/causal.so/DESIGN.md

اللوحة

أسئلة

ما كود hex الخاص بـ causal.so؟

كيف أستخدم ألوان causal.so في Tailwind أو CSS؟