Asymmetrik/mean2-starter

View on GitHub
src/client/app/shared/_colors.scss

Summary

Maintainability
Test Coverage
//==================================
// Global Color Definitions
//==================================
$color-white: #fff;
$color-black: #000;
$color-green: #008000;
$color-red: #b22222;
$color-yellow: #f5ae07;

$color-bg-black: rgba(0, 0, 0, .5);
$color-bg-tooltip: #ddd;
$color-bg-btn: #cec;
$color-bg-light: #bbb;
$color-bg-lighter: #f3f3f3;

$color-box-shadow: rgba(136, 153, 166, .95);

$color-border-light: #eee;
$color-border-med: #aaa;
$color-border-dark: #444;
$color-border-btn: #686;
$color-label-gray: #999;
$color-label-dark-gray: #333;
$color-link: #337ab7;
$color-link-light: #8899a6;


$color-panel-title: #a1a1a1;

$color-text-light: #bcbcbc;
$color-text-med: #999;
$color-text-black: #222;

// Blocks

$color-default-light: #e4eaf0;
$color-default-med: #cbd0d6;
$color-default-dark: #777f93;

$color-danger-light: #e99897;
$color-danger-med: #c25152;
$color-danger-dark: #7f2a2a;

$color-warning-light: #fed;
$color-warning-med: #c96;
$color-warning-dark: #a63;

$color-info-light: #def;
$color-info-med: #5bc0de;
$color-info-dark: #3a87ad;

// Messages
$color-motd-header: #e1e1e1;
$color-callout-info-border: #c1c1c1;
$color-callout-info-title: #616161;
$color-toast-bg: #fcfcfc;