From 96903b6c5846a92ca0fa1b983d99c64171190f4e Mon Sep 17 00:00:00 2001 From: Wendy Yuchen Sun Date: Sun, 22 Feb 2026 21:02:04 +0800 Subject: [PATCH] feat: add v2 color tokens --- tailwind.config.js | 50 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) diff --git a/tailwind.config.js b/tailwind.config.js index 6a6d00f..375351e 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,4 +1,37 @@ /** @type {import('tailwindcss').Config} */ + +const v2ColorTokens = { + blue: { + 50: '#EEF7FF', + 100: '#D8EDFF', + 200: '#BADFFF', + 300: '#8ACCFF', + 400: '#53B0FF', + 500: '#2B8DFF', + 600: '#146EFC', + 700: '#0D56E8', + 800: '#1246BB', + 900: '#08184D', + 950: '#122759', + }, + gray: { + 50: '#F6F6F6', + 100: '#E7E7E7', + 200: '#D1D1D1', + 300: '#B0B0B0', + 400: '#888888', + 500: '#6D6D6D', + 600: '#595959', + 700: '#4F4F4F', + 800: '#454545', + 900: '#3D3D3D', + 950: '#262626', + }, + red: { + 600: '#FC0606', + }, +}; + module.exports = { content: ['./src/**/*.{js,jsx,ts,tsx}'], theme: { @@ -34,6 +67,23 @@ module.exports = { icon: '#DA1414', }, }, + + // v2 color tokens + ...v2ColorTokens, + primary: v2ColorTokens.blue[700], + error: v2ColorTokens.red[600], + bg: { + main: '#F8FCFF', + }, + border: { + main: v2ColorTokens.gray[400], + }, + text: { + heading: v2ColorTokens.gray[900], + primary: v2ColorTokens.gray[800], + secondary: v2ColorTokens.gray[500], + placeholder: v2ColorTokens.gray[400], + }, }, }, },