ag-grid
Version:
Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components
75 lines (58 loc) • 1.57 kB
Plain Text
// +-------------------------------------------------------------------------+
// | Flat UI |
// +-------------------------------------------------------------------------+
// Greens
$flat-turquoise: #1ABC9C;
$flat-green-sea: #16A085;
$flat-emerald: #2ECC71;
$flat-nephritis: #27AE60;
// Blues
$flat-peter-river: #3498DB;
$flat-belize-hole: #2980B9;
$flat-wet-asphalt: #34495E;
$flat-midnight-blue: #2C3E50;
// Purples
$flat-amethyst: #9B59B6;
$flat-wisteria: #8E44AD;
// Yellows
$flat-sunflower: #F1C40F;
// Oranges
$flat-orange: #F39C12;
$flat-carrot: #E67E22;
$flat-pumpkin: #D35400;
// Reds
$flat-alizarin: #E74C3C;
$flat-pomegranate: #C0392B;
// Grays
$flat-clouds: #ECF0F1;
$flat-silver: #BDC3C7;
$flat-concrete: #95A5A6;
$flat-asbestos: #7F8C8D;
// Aliases make colors easier to remember.
// Greens
$flat-green-1: $flat-turquoise;
$flat-green-2: $flat-green-sea;
$flat-green-3: $flat-emerald;
$flat-green-4: $flat-nephritis;
// Blues
$flat-blue-1: $flat-peter-river;
$flat-blue-2: $flat-belize-hole;
$flat-blue-3: $flat-wet-asphalt;
$flat-blue-4: $flat-midnight-blue;
// Purples
$flat-purple-1: $flat-amethyst;
$flat-purple-2: $flat-wisteria;
// Yellows
$flat-yellow-1: $flat-sunflower;
// Oranges
$flat-orange-1: $flat-orange;
$flat-orange-2: $flat-carrot;
$flat-orange-3: $flat-pumpkin;
// Refs
$flat-red-1: $flat-alizarin;
$flat-red-2: $flat-pomegranate;
// Grays
$flat-gray-1: $flat-clouds;
$flat-gray-2: $flat-silver;
$flat-gray-3: $flat-concrete;
$flat-gray-4: $flat-asbestos;