❯ claude› Style the submit button with our primary color. Use the Bezel MCP to look up the token, reference the CSS variables by name, and don't invent values.⏺ bezel - query-tokens (MCP)(search: "primary", contextKey: "$root", resolveAliases: true) ⎿ {"resultCount":2,"tokens":[{"path":"semantic.color.primary.foreground","type":"color","contexts":{"$root":{"colorSpace":"oklch","alpha":1,"hex":"#000000","components":[0,0,0]}},"exportNames":["primary-foreground"],"extensions":{"com.bezel.app":{"exportName":["primary-foreground"]}}},{"path":"semantic.color.primary.default","type":"color","contexts":{"$root":{"original":"{base.color.vibrant-emerald.500}","resolved":{"hex":"#00e17b","components":[0.7977928911906637,0.20402581473743006,153.32127159192999],"alpha":1,"colorSpace":"oklch"},"aliasChain":["base.color.vibrant-emerald.500"]}},"exportNames":["primary"],"extensions":{"com.bezel.app":{"exportName":["primary"]}}}]}⏺ bezel - contrast-check (MCP)(foreground: "#000000", background: "#00e17b") ⎿ {"input":{"foreground":"#000000","background":"#00e17b"},"contrastRatio":12.06,"ratioDisplay":"12.06:1","grade":"AAA","passes":{"normalText":true,"largeText":true,"wcagAA":true,"wcagAAA":true},"recommendations":["Excellent! This combination passes WCAG AAA, the highest accessibility standard."]}⏺ Update(src/routes/login.tsx) ⎿ Updated src/routes/login.tsx with 1 addition and 1 removal 41 - className="bg-emerald-500 text-black" 41 + className="bg-[var(--primary)] text-[var(--primary-foreground)]"⏺ --primary is semantic.color.primary.default → base.color.vibrant-emerald.500 (#00e17b) and --primary-foreground is semantic.color.primary.foreground (#000000). Black on #00e17b is 12.06:1, WCAG AAA. Both variables come from bezel/variables.css.
Bezel MCP
Stop asking AI to guess your design system
Connect compatible AI tools through MCP so coding agents can work with your design tokens, guidelines, and project context, giving humans and AI the same design rules instead of reconstructing your visual language from scattered code and prompts. Vibe with style.





