qp-es-ui
Version:
Query Park UI Components for React
69 lines (61 loc) • 2.29 kB
JavaScript
const GOOG = {
// Colors from Google material design
L500: {
RED: { HEX: '#F44336', TEXT: '#000' },
PINK: { HEX: '#E91E63', TEXT: '#000' },
PURPLE: { HEX: '#9C27B0', TEXT: '#000' },
DEEP_PURPLE: { HEX: '#673AB7', TEXT: '#FFF' },
INDIGO: { HEX: '#3F51B5', TEXT: '#FFF' },
BLUE: { HEX: '#2196F3', TEXT: '#FFF' },
LIGHT_BLUE: { HEX: '#03A9F4', TEXT: '#FFF' },
CYAN: { HEX: '#00BCD4', TEXT: '#FFF' },
TEAL: { HEX: '#009688', TEXT: '#FFF' },
GREEN: { HEX: '#4CAF50', TEXT: '#FFF' },
LIGHT_GREEN: { HEX: '#8BC34A', TEXT: '#000' },
LIME: { HEX: '#CDDC39', TEXT: '#000' },
YELLOW: { HEX: '#FFEB3B', TEXT: '#000' },
AMBER: { HEX: '#FFC107', TEXT: '#000' },
ORANGE: { HEX: '#FF9800', TEXT: '#000' },
DEEP_ORANGE: { HEX: '#FF5722', TEXT: '#000' },
BROWN: { HEX: '#795548', TEXT: '#FFF' },
GREY: { HEX: '#9E9E9E', TEXT: '#000' },
BLUE_GREY: { HEX: '#607D8B', TEXT: '#FFF' }
},
L300: {
RED: { HEX: '#E57373', TEXT: '#000' },
PINK: { HEX: '#F06292', TEXT: '#000' },
PURPLE: { HEX: '#BA68C8', TEXT: '#000' },
DEEP_PURPLE: { HEX: '#9575CD', TEXT: '#000' },
INDIGO: { HEX: '#7986CB', TEXT: '#FFF' },
BLUE: { HEX: '#64B5F6', TEXT: '#FFF' },
LIGHT_BLUE: { HEX: '#4FC3F7', TEXT: '#FFF' },
CYAN: { HEX: '#4DD0E1', TEXT: '#FFF' },
TEAL: { HEX: '#4DB6AC', TEXT: '#FFF' },
GREEN: { HEX: '#81C784', TEXT: '#000' },
LIGHT_GREEN: { HEX: '#AED581', TEXT: '#000' },
LIME: { HEX: '#DCE775', TEXT: '#000' },
YELLOW: { HEX: '#FFF176', TEXT: '#000' },
AMBER: { HEX: '#FFD54F', TEXT: '#000' },
ORANGE: { HEX: '#FFB74D', TEXT: '#000' },
DEEP_ORANGE: { HEX: '#FF8A65', TEXT: '#000' },
BROWN: { HEX: '#A1887F', TEXT: '#000' },
GREY: { HEX: '#E0E0E0', TEXT: '#000' },
BLUE_GREY: { HEX: '#90A4AE', TEXT: '#000' }
}
}
export const COLORS = {
PRIMARY: '#ff9f43',
SECONDARY: '#feca57',
LINK: '#7493A0',
WHITE: '#FFF',
BLACK: '#000',
// Higher = lighter
GREY1: 'rgba(0, 0, 0, 0.80)',
GREY2: 'rgba(0, 0, 0, 0.70)',
GREY3: 'rgba(0, 0, 0, 0.60)',
GREY4: 'rgba(0, 0, 0, 0.40)',
GREY5: 'rgba(0, 0, 0, 0.30)',
GREY6: 'rgba(0, 0, 0, 0.20)',
GREY7: 'rgba(0, 0, 0, 0.05)',
GOOG
}