_colors.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. // +-------------------------------------------------------------------------+
  2. // | Flat Colors |
  3. // +-------------------------------------------------------------------------+
  4. // Greens
  5. $color-navy: #001f3f;
  6. $color-blue: #0074D9;
  7. $color-aqua: #7FDBFF;
  8. $color-teal: #39CCCC;
  9. $color-olive: #3D9970;
  10. $color-green: #2ECC40;
  11. $color-lime: #01FF70;
  12. $color-yellow: #FFDC00;
  13. $color-orange: #FF851B;
  14. $color-red: #FF4136;
  15. $color-maroon: #85144b;
  16. $color-fuchsia: #F012BE;
  17. $color-purple: #B10DC9;
  18. // +-------------------------------------------------------------------------+
  19. // | Flat UI |
  20. // +-------------------------------------------------------------------------+
  21. // Greens
  22. $flat-turquoise: #1ABC9C;
  23. $flat-green-sea: #16A085;
  24. $flat-emerald: #2ECC71;
  25. $flat-nephritis: #27AE60;
  26. // Blues
  27. $flat-peter-river: #3498DB;
  28. $flat-belize-hole: #2980B9;
  29. $flat-wet-asphalt: #34495E;
  30. $flat-midnight-blue: #2C3E50;
  31. // Purples
  32. $flat-amethyst: #9B59B6;
  33. $flat-wisteria: #8E44AD;
  34. // Yellows
  35. $flat-sunflower: #F1C40F;
  36. // Oranges
  37. $flat-orange: #F39C12;
  38. $flat-carrot: #E67E22;
  39. $flat-pumpkin: #D35400;
  40. // Reds
  41. $flat-alizarin: #E74C3C;
  42. $flat-pomegranate: #C0392B;
  43. // Grays
  44. $flat-clouds: #ECF0F1;
  45. $flat-silver: #BDC3C7;
  46. $flat-concrete: #95A5A6;
  47. $flat-asbestos: #7F8C8D;
  48. // Aliases make colors easier to remember.
  49. // Greens
  50. $flat-green-1: $flat-turquoise;
  51. $flat-green-2: $flat-green-sea;
  52. $flat-green-3: $flat-emerald;
  53. $flat-green-4: $flat-nephritis;
  54. // Blues
  55. $flat-blue-1: $flat-peter-river;
  56. $flat-blue-2: $flat-belize-hole;
  57. $flat-blue-3: $flat-wet-asphalt;
  58. $flat-blue-4: $flat-midnight-blue;
  59. // Purples
  60. $flat-purple-1: $flat-amethyst;
  61. $flat-purple-2: $flat-wisteria;
  62. // Yellows
  63. $flat-yellow-1: $flat-sunflower;
  64. // Oranges
  65. $flat-orange-1: $flat-orange;
  66. $flat-orange-2: $flat-carrot;
  67. $flat-orange-3: $flat-pumpkin;
  68. // Refs
  69. $flat-red-1: $flat-alizarin;
  70. $flat-red-2: $flat-pomegranate;
  71. // Grays
  72. $flat-gray-1: $flat-clouds;
  73. $flat-gray-2: $flat-silver;
  74. $flat-gray-3: $flat-concrete;
  75. $flat-gray-4: $flat-asbestos;