mirror of
https://github.com/cdr/code-server.git
synced 2025-12-08 09:23:00 +01:00
88 lines
No EOL
2.3 KiB
JavaScript
88 lines
No EOL
2.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
'cursor-bg': '#1e1e1e',
|
|
'cursor-sidebar': '#252526',
|
|
'cursor-border': '#3c3c3c',
|
|
'cursor-text': '#cccccc',
|
|
'cursor-accent': '#007acc',
|
|
'cursor-hover': '#2a2d2e',
|
|
'cursor-selection': '#264f78',
|
|
'cursor-comment': '#6a9955',
|
|
'cursor-keyword': '#569cd6',
|
|
'cursor-string': '#ce9178',
|
|
'cursor-number': '#b5cea8',
|
|
'cursor-function': '#dcdcaa',
|
|
'cursor-variable': '#9cdcfe',
|
|
},
|
|
fontFamily: {
|
|
'mono': ['Fira Code', 'Consolas', 'Monaco', 'monospace'],
|
|
'sans': ['Segoe UI', 'Tahoma', 'Geneva', 'Verdana', 'sans-serif'],
|
|
},
|
|
animation: {
|
|
'fade-in': 'fadeIn 0.2s ease-in-out',
|
|
'slide-in': 'slideIn 0.2s ease-in-out',
|
|
'zoom-in': 'zoomIn 0.2s ease-in-out',
|
|
'pulse-slow': 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
'bounce-slow': 'bounce 2s infinite',
|
|
'spin-slow': 'spin 3s linear infinite',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '1' },
|
|
},
|
|
slideIn: {
|
|
'0%': { transform: 'translateX(100%)' },
|
|
'100%': { transform: 'translateX(0)' },
|
|
},
|
|
zoomIn: {
|
|
'0%': { transform: 'scale(0.9)', opacity: '0' },
|
|
'100%': { transform: 'scale(1)', opacity: '1' },
|
|
},
|
|
},
|
|
spacing: {
|
|
'18': '4.5rem',
|
|
'88': '22rem',
|
|
'128': '32rem',
|
|
},
|
|
maxWidth: {
|
|
'8xl': '88rem',
|
|
'9xl': '96rem',
|
|
},
|
|
minHeight: {
|
|
'screen-75': '75vh',
|
|
'screen-90': '90vh',
|
|
},
|
|
zIndex: {
|
|
'60': '60',
|
|
'70': '70',
|
|
'80': '80',
|
|
'90': '90',
|
|
'100': '100',
|
|
},
|
|
backdropBlur: {
|
|
'xs': '2px',
|
|
},
|
|
boxShadow: {
|
|
'inner-lg': 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.1)',
|
|
'glow': '0 0 20px rgba(0, 122, 204, 0.3)',
|
|
'glow-lg': '0 0 40px rgba(0, 122, 204, 0.4)',
|
|
},
|
|
borderRadius: {
|
|
'4xl': '2rem',
|
|
},
|
|
screens: {
|
|
'xs': '475px',
|
|
'3xl': '1600px',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
} |