react-native-feedback-hub
Version:
React Native feedback SDK with Slack, Jira, Discord and Microsoft Teams integration
85 lines • 2.3 kB
JavaScript
/**
* Color Tokens for React Native Feedback App
*/
export const colors = {
gray: {
50: '#f9fafb',
100: '#f3f4f6',
200: '#e5e7eb',
300: '#d1d5db',
400: '#9ca3af',
500: '#6b7280',
600: '#4b5563',
700: '#374151',
800: '#1f2937',
900: '#111827', // Darkest backgrounds
},
// Background Colors (Using consolidated grays)
background: {
primary: '#1f2937',
secondary: '#374151',
tertiary: '#111827',
overlay: 'rgba(0,0,0,0.4)',
overlayLight: 'rgba(0,0,0,0.6)', // Darker overlay for better visibility
},
text: {
primary: '#f9fafb',
secondary: '#d1d5db',
muted: '#9ca3af',
inverse: '#374151',
white: '#ffffff', // Pure white
},
border: {
default: '#4b5563',
light: '#d1d5db',
focus: '#3b82f6', // Blue for focus states
},
status: {
error: {
text: '#dc2626',
textLight: '#b91c1c',
background: '#fef2f2',
border: '#fecaca', // Light error border
},
success: {
text: '#059669',
textLight: '#047857',
background: '#f0fdf4',
border: '#bbf7d0', // Light success border
},
warning: {
text: '#d97706',
background: '#fffbeb',
border: '#fed7aa', // Light warning border
},
},
interactive: {
primary: '#2563eb',
primaryHover: '#1d4ed8',
primaryDisabled: '#6b7280',
secondary: '#374151',
secondaryHover: '#4b5563',
// Recording states (consolidated similar reds)
recording: '#dc2626',
recordingHover: '#b91c1c',
// Floating button
floating: '#374151',
floatingHover: '#4b5563', // gray.600 - Hover state
},
semantic: {
bug: {
text: '#dc2626',
background: '#fef2f2',
border: '#fecaca', // status.error.border
},
suggestion: {
text: '#059669',
background: '#f0fdf4',
border: '#bbf7d0', // status.success.border
},
},
legacy: {
red: '#dc2626',
},
};
//# sourceMappingURL=colors.js.map