[data-theme=claude],[data-theme=claude][data-mode=light] {
--accent-brand: 15 63.1% 59.6%;
--accent-000: 210 73.7% 40.2%;
--accent-100: 210 70.9% 51.6%;
--accent-200: 210 70.9% 51.6%;
--accent-900: 211 72% 90%;
--accent-pro-000: 251 34.2% 33.3%;
--accent-pro-100: 251 40% 45.1%;
--accent-pro-200: 251 61% 72.2%;
--accent-pro-900: 253 33.3% 91.8%;
--bg-000: 0 0% 100%;
--bg-100: 48 33.3% 97.1%;
--bg-200: 53 28.6% 94.5%;
--bg-300: 48 25% 92.2%;
--bg-400: 50 20.7% 88.6%;
--bg-500: 50 20.7% 88.6%;
--brand-000: 15 54.2% 51.2%;
--brand-100: 15 54.2% 51.2%;
--brand-200: 15 63.1% 59.6%;
--brand-900: 0 0% 0%;
--border-100: 30 3.3% 11.8%;
--border-200: 30 3.3% 11.8%;
--border-300: 30 3.3% 11.8%;
--border-400: 30 3.3% 11.8%;
--danger-000: 0 58.6% 34.1%;
--danger-100: 0 56.2% 45.4%;
--danger-200: 0 56.2% 45.4%;
--danger-900: 0 50% 95%;
--oncolor-100: 0 0% 100%;
--oncolor-200: 60 6.7% 97.1%;
--oncolor-300: 60 6.7% 97.1%;
--pictogram-100: 50 20.7% 88.6%;
--pictogram-200: 51 16.5% 84.5%;
--pictogram-300: 0 0% 100%;
--pictogram-400: 48 33.3% 97.1%;
--success-000: 125 100% 18%;
--success-100: 103 72.3% 26.9%;
--success-200: 103 72.3% 26.9%;
--success-900: 86 45.1% 90%;
--text-000: 60 2.6% 7.6%;
--text-100: 60 2.6% 7.6%;
--text-200: 60 2.5% 23.3%;
--text-300: 60 2.5% 23.3%;
--text-400: 51 3.1% 43.7%;
--text-500: 51 3.1% 43.7%;
--warning-000: 45 91.8% 19%;
--warning-100: 39 88.8% 28%;
--warning-200: 39 88.8% 28%;
--warning-900: 38 65.9% 92%
}
[data-theme=claude][data-mode=dark] {
--accent-brand: 15 63.1% 59.6%;
--accent-000: 210 65.5% 67.1%;
--accent-100: 210 70.9% 51.6%;
--accent-200: 210 70.9% 51.6%;
--accent-900: 210 55.9% 24.6%;
--accent-pro-000: 251 84.6% 74.5%;
--accent-pro-100: 251 40.2% 54.1%;
--accent-pro-200: 251 40% 45.1%;
--accent-pro-900: 250 25.3% 19.4%;
--bg-000: 60 2.1% 18.4%;
--bg-100: 60 2.7% 14.5%;
--bg-200: 30 3.3% 11.8%;
--bg-300: 60 2.6% 7.6%;
--bg-400: 0 0% 0%;
--bg-500: 0 0% 0%;
--brand-000: 15 54.2% 51.2%;
--brand-100: 15 63.1% 59.6%;
--brand-200: 15 63.1% 59.6%;
--brand-900: 0 0% 0%;
--border-100: 51 16.5% 84.5%;
--border-200: 51 16.5% 84.5%;
--border-300: 51 16.5% 84.5%;
--border-400: 51 16.5% 84.5%;
--danger-000: 0 98.4% 75.1%;
--danger-100: 0 67% 59.6%;
--danger-200: 0 67% 59.6%;
--danger-900: 0 46.5% 27.8%;
--oncolor-100: 0 0% 100%;
--oncolor-200: 60 6.7% 97.1%;
--oncolor-300: 60 6.7% 97.1%;
--pictogram-100: 48 3.4% 29.2%;
--pictogram-200: 60 2.5% 23.3%;
--pictogram-300: 60 2.1% 18.4%;
--pictogram-400: 60 2.7% 14.5%;
--success-000: 97 59.1% 46.1%;
--success-100: 97 75% 32.9%;
--success-200: 97 75% 32.9%;
--success-900: 127 100% 13.9%;
--text-000: 48 33.3% 97.1%;
--text-100: 48 33.3% 97.1%;
--text-200: 50 9% 73.7%;
--text-300: 50 9% 73.7%;
--text-400: 48 4.8% 59.2%;
--text-500: 48 4.8% 59.2%;
--warning-000: 40 71% 50%;
--warning-100: 39 93.4% 35.9%;
--warning-200: 39 93.4% 35.9%;
--warning-900: 45 94.8% 15.1%
}
@media (prefers-color-scheme: dark) {
[data-theme=claude] {
--accent-brand: 15 63.1% 59.6%;
--accent-000: 210 65.5% 67.1%;
--accent-100: 210 70.9% 51.6%;
--accent-200: 210 70.9% 51.6%;
--accent-900: 210 55.9% 24.6%;
--accent-pro-000: 251 84.6% 74.5%;
--accent-pro-100: 251 40.2% 54.1%;
--accent-pro-200: 251 40% 45.1%;
--accent-pro-900: 250 25.3% 19.4%;
--bg-000: 60 2.1% 18.4%;
--bg-100: 60 2.7% 14.5%;
--bg-200: 30 3.3% 11.8%;
--bg-300: 60 2.6% 7.6%;
--bg-400: 0 0% 0%;
--bg-500: 0 0% 0%;
--brand-000: 15 54.2% 51.2%;
--brand-100: 15 63.1% 59.6%;
--brand-200: 15 63.1% 59.6%;
--brand-900: 0 0% 0%;
--border-100: 51 16.5% 84.5%;
--border-200: 51 16.5% 84.5%;
--border-300: 51 16.5% 84.5%;
--border-400: 51 16.5% 84.5%;
--danger-000: 0 98.4% 75.1%;
--danger-100: 0 67% 59.6%;
--danger-200: 0 67% 59.6%;
--danger-900: 0 46.5% 27.8%;
--oncolor-100: 0 0% 100%;
--oncolor-200: 60 6.7% 97.1%;
--oncolor-300: 60 6.7% 97.1%;
--pictogram-100: 48 3.4% 29.2%;
--pictogram-200: 60 2.5% 23.3%;
--pictogram-300: 60 2.1% 18.4%;
--pictogram-400: 60 2.7% 14.5%;
--success-000: 97 59.1% 46.1%;
--success-100: 97 75% 32.9%;
--success-200: 97 75% 32.9%;
--success-900: 127 100% 13.9%;
--text-000: 48 33.3% 97.1%;
--text-100: 48 33.3% 97.1%;
--text-200: 50 9% 73.7%;
--text-300: 50 9% 73.7%;
--text-400: 48 4.8% 59.2%;
--text-500: 48 4.8% 59.2%;
--warning-000: 40 71% 50%;
--warning-100: 39 93.4% 35.9%;
--warning-200: 39 93.4% 35.9%;
--warning-900: 45 94.8% 15.1%
}
}
[data-theme=console][data-mode=dark],[data-theme=console] {
--accent-brand: 15 63.1% 59.6%;
--accent-000: 158 68% 32%;
--accent-100: 158 80.4% 28%;
--accent-200: 158 79.2% 24.5%;
--accent-900: 160 18.1% 16.3%;
--accent-pro-000: 251 40.2% 54.1%;
--accent-pro-100: 251 40% 45.1%;
--accent-pro-200: 251 34.2% 33.3%;
--accent-pro-900: 249 25% 19.4%;
--bg-000: 0 0% 6%;
--bg-100: 0 0% 10%;
--bg-200: 0 0% 14%;
--bg-300: 0 0% 17%;
--bg-400: 0 0% 19%;
--bg-500: 0 0% 23%;
--brand-000: 18 50.4% 47.5%;
--brand-100: 18 56.8% 43.5%;
--brand-200: 19 58.3% 40.4%;
--brand-900: 16 21.6% 20%;
--border-100: 51 16.5% 84.5%;
--border-200: 51 16.5% 84.5%;
--border-300: 51 16.5% 84.5%;
--border-400: 51 16.5% 84.5%;
--danger-000: 4 90.4% 79.5%;
--danger-100: 5 91.7% 72.5%;
--danger-200: 5 58.4% 33.9%;
--danger-900: 0 48.2% 16.5%;
--oncolor-100: 0 0% 100%;
--oncolor-200: 60 6.7% 97.1%;
--oncolor-300: 60 6.7% 97.1%;
--pictogram-100: 48 3.4% 29.2%;
--pictogram-200: 60 2.5% 23.3%;
--pictogram-300: 0 0% 6%;
--pictogram-400: 0 0% 10%;
--success-000: 97 50.9% 43.1%;
--success-100: 125 100% 18%;
--success-200: 125 100% 18%;
--success-900: 135 88.2% 10%;
--text-000: 0 0% 100%;
--text-100: 60 3.7% 94.7%;
--text-200: 60 1.5% 86.9%;
--text-300: 30 1.4% 71.8%;
--text-400: 50 .8% 65.1%;
--text-500: 45 .6% 48%;
--warning-000: 40 71% 50%;
--warning-100: 39 93.4% 35.9%;
--warning-200: 39 93.4% 35.9%;
--warning-900: 45 94.8% 15.1%
}
:root {
--font-mono: var(--font-anthropic-mono);
--font-ui: var(--font-anthropic-sans);
--font-ui-serif: var(--font-anthropic-serif);
--font-claude-response: var(--font-anthropic-serif);
--font-user-message: var(--font-ui);
--font-sans-serif: var(--font-ui);
--font-serif: var(--font-ui-serif);
--font-system: system-ui, sans-serif;
--font-dyslexia: var(--font-open-dyslexic), "Comic Sans MS", ui-serif, Georgia, serif
}
1 个赞