@white: #fff; @silver: #999; @silverDark: #333; @gray: #ccc; @lightGray: #f0f0f0; @hr: #eee; @articleHeader: #0c0c0c; @quoteText: #999; @tabActiveBackground: #f4f4f4; //new colors define @black: #000; @silver-14: lighten(@black, 14%); @silver-20: lighten(@black, 20%); @silver-20: lighten(@black, 30%); @silver-40: lighten(@black, 40%); @silver-50: lighten(@black, 50%); @silver-60: lighten(@black, 60%); @silver-70: lighten(@black, 70%); @silver-80: lighten(@black, 80%); @silver-85: lighten(@black, 85%); @silver-90: lighten(@black, 90%); @silver-95: lighten(@black, 95%); @brand-black: #0d0d0d; @brand-blue: #1e93d1; @brand-red: #d4291f; @brand-social-green: #009874; @brand-social-blue: #3b5998; @brand-social-blue2: #00aced; @brand-social-lightblue: #1c87bd; @brand-orange: #ff9600; //charts @theme-color-background-base: #fff; @theme-color-background-contrast: #5F5A60; @theme-color-background-smallContrast: #202020; @theme-color-background-lighter: #888; @theme-color-base-series: #ee3024; @graph-colors-data-series1: #d4291f; @graph-colors-data-series2: #1f78b4; @graph-colors-data-series3: #ff7f00; @graph-colors-data-series4: #33a02c; @graph-colors-data-series5: #6a3d9a; @graph-colors-data-series6: #b15928; @graph-colors-data-series7: #fdbf6f; @graph-colors-data-series8: #cab2d6; /* Qualitative data color series inspired from colorbrewer2.org/ next ones could be: #cab2d6 #ffff99 # #b2df8a */ .color-red { color: @defaultRed; }