diff --git a/scss/variables/colors.js b/scss/variables/colors.js index 5f7cb5d..4e06351 100644 --- a/scss/variables/colors.js +++ b/scss/variables/colors.js @@ -8,42 +8,74 @@ } }( this, function( chassis ) { -var colors = { - "chassis-gray-dark": { - "value": "#383838", - "name": "Chassis Gray - Dark" - }, - "chassis-gray": { - "value": "#c1c1c1", - "name": "Chassis Gray" - }, - "chassis-gray-light": { - "value": "#f2f2f2", - "name": "Chassis Gray - Light" - }, - "chassis-blue-dark": { - "value": "#388695", - "name": "Chassis Blue - Dark" +chassis.colors = { + "default": { + name: "Default Colors", + value: { + "base": "#FAFAFA", + "light": "#FFFFFF", + "dark": "#FAFAFA", + "darker": "#F5F5F5" + } }, - "chassis-blue": { - "value": "#4fc0c8", - "name": "Chassis Blue" + "primary": { + name: "Primary Colors", + value: { + "base": "#3F51B5", + "light": "#5C6BC0", + "dark": "#3949AB", + "darker": "#303F9F" + } }, - "chassis-yellow": { - "value": "#fadf51", - "name": "Chassis Yellow" - } -}; -chassis.colors = { - "background": colors[ "chassis-gray-dark" ], - "font": colors[ "chassis-gray-dark" ], - "link": colors[ "chassis-blue-dark" ], - "button": colors[ "chassis-blue" ], - "buttonText": colors[ "chassis-gray-light" ], - "blockquoteBorder": { - name: "Chassis - Blockquote color", - value: "#eee" - } + "success": { + name: "Success Colors", + value: { + "base": "#43A047", + "light": "#4CAF50", + "dark": "#388E3C", + "darker": "#2E7D32" + } + }, + "warning": { + name: "Warning Colors", + value: { + "base": "#FF5722", + "light": "#FF7043", + "dark": "#F4511E", + "darker": "#E64A19" + } + }, + "info": { + name: "Info Colors", + value: { + "base": "#039BE5", + "light": "#03A9F4", + "dark": "#0288D1", + "darker": "#0277BD" + } + }, + "error": { + name: "Error Colors", + value: { + "base": "#F44336", + "light": "#EF5350", + "dark": "#E53935", + "darker": "#D32F2F" + } + }, + "text": { + name: "Text Colors", + value: { + "base": "#212121", + "light": "#727272" + } + }, + "background": { + name: "Background Colors", + value: { + "base": "#fff" + } + } }; return chassis; } ) );