1 line
10 KiB
JSON
1 line
10 KiB
JSON
|
{"ast":null,"code":"import { createGlobalStyle } from 'styled-components';\nexport const theme = {\n colors: {\n primary: '#6C5CE7',\n // 主色：柔和紫\n secondary: '#00B894',\n // 辅助色：生态绿\n background: {\n light: 'rgba(255, 255, 255, 0.95)',\n dark: 'rgba(30, 30, 30, 0.95)'\n },\n text: {\n primary: '#2D3436',\n secondary: '#636E72',\n light: '#FFFFFF'\n },\n priority: {\n low: '#95A5A6',\n medium: '#3498DB',\n high: '#E67E22',\n urgent: '#E74C3C'\n },\n status: {\n success: '#00B894',\n warning: '#FDCB6E',\n error: '#E74C3C'\n },\n glass: {\n light: 'rgba(255, 255, 255, 0.7)',\n dark: 'rgba(30, 30, 30, 0.7)'\n }\n },\n typography: {\n fontFamily: {\n pc: 'Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n mobile: 'SF Pro Rounded, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif'\n },\n fontSize: {\n xs: '0.75rem',\n sm: '0.875rem',\n base: '1rem',\n lg: '1.125rem',\n xl: '1.25rem',\n '2xl': '1.5rem',\n '3xl': '1.875rem',\n '4xl': '2.25rem'\n },\n fontWeight: {\n normal: 400,\n medium: 500,\n semibold: 600,\n bold: 700\n }\n },\n spacing: {\n xs: '0.25rem',\n sm: '0.5rem',\n md: '1rem',\n lg: '1.5rem',\n xl: '2rem',\n '2xl': '3rem'\n },\n borderRadius: {\n sm: '0.375rem',\n md: '0.5rem',\n lg: '0.75rem',\n xl: '1rem',\n full: '9999px'\n },\n shadows: {\n sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n md: '0 4px 6px -1px rgba(0, 0, 0, 0.1)',\n lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1)',\n xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1)'\n },\n transitions: {\n default: '0.3s ease',\n fast: '0.15s ease',\n slow: '0.5s ease'\n },\n breakpoints: {\n sm: '640px',\n md: '768px',\n lg: '1024px',\n xl: '1280px',\n '2xl': '1536px'\n }\n};\nexport const GlobalStyle = createGlobalStyle`\n :root {\n --primary: ${theme.colors.primary};\n --secondary: ${theme.colors.secondary};\n --background: ${theme.colors.background.light};\n --text-primary: ${theme.colors.text.primary};\n --text-secondary: ${theme.colors.text.secondary};\n }\n\n @media (prefers-color-scheme: dark) {\n :root {\n --background: ${theme.colors.background.dark};\n --text-primary: ${theme.colors.text.light};\n --text-secondary: ${theme.colors.text.light};\n }\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: ${theme.typography.fontFamily.pc};\n background: var(--background);\n color: var(--text-primary);\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n @media (max-width: ${theme.breakpoints.md}) {\n body {\n font-family: ${theme.typography.fontFamily.mobile};\n }\n }\n\n button {\n font-family: inherit;\n }\n\n /* 滚动条样式 */\n ::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n\n ::-webkit-scrollbar-track {\n background: transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n background: ${theme.colors.primary}40;\n border-radius: ${theme.borderRadius.full};\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background: ${theme.colors.primary}60;\n }\n`;","map":{"version":3,"names":["createGlobalStyle","theme","colors","primary","secondary","background","light","dark","text","priority","low","medium","high","urgent","status","success","warning","error","glass","typography","fontFamily","pc","mobile","fontSize","xs","sm","base","lg","xl","fontWeight","normal","semibold","bold","spacing","md","borderRadius","full","shadows","transitions","default","fast","slow","breakpoints","GlobalStyle"],"sources":["D:/aiproject/goAgent/todo/client/src/styles/theme.js"],"sourcesContent":["import { createGlobalStyle } from 'styled-components';\r\n\r\nexport const theme = {\r\n colors: {\r\n primary: '#6C5CE7', // 主色：柔和紫\r\n
|