vars.less 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. //Contains All variables
  2. //-----------------------
  3. //Layout
  4. //Side bar and logo width
  5. @left-side-width: 220px;
  6. //Colors
  7. @light-blue: #3c8dbc; //Primary
  8. @red: #f56954; //Danger
  9. @green: #00a65a; //Success
  10. @aqua: #00c0ef; //Info
  11. @yellow: #f39c12; //Warning
  12. @blue: #0073b7;
  13. @navy: #001F3F;
  14. @teal: #39CCCC;
  15. @olive: #3D9970;
  16. @lime: #01FF70;
  17. @orange: #FF851B;
  18. @fuchsia: #F012BE;
  19. @purple: #932ab6;
  20. @maroon: #85144B;
  21. @black: #222;
  22. @gray: #eaeaec;
  23. //Link colors (Aka: <a> tags)
  24. @link-color: @light-blue;
  25. @link-hover-color: lighten(@link-color, 15%);
  26. //Body background (Affects main content background only)
  27. @body-bg: #f9f9f9;
  28. //Table striped color
  29. @table-striped-color: #f3f4f5;
  30. //Sidebar skins
  31. //skin blue (light) sidebar vars
  32. @sidebar-light-bg: #f4f4f4;
  33. @sidebar-light-hover-bg: #f9f9f9;
  34. @sidebar-light-font: #555;
  35. @sidebar-light-border: #dbdbdb;
  36. //Screen widths - Same as bootstrap default settings
  37. @screen-xs: 480px;
  38. @screen-sm: 767px;
  39. @screen-md: 992px;
  40. @screen-lg: 1200px;
  41. //When the logo should go to the top of the screen
  42. @screen-header-collapse: 560px;
  43. //BOXES
  44. @box-border-color: #f4f4f4;
  45. @box-border-radius: 3px;
  46. @box-footer-bg: #fff;
  47. //FORMS
  48. @input-radius: 0px;
  49. //BUTTONS
  50. //Border radius for non flat buttons
  51. @btn-border-radius: 3px;
  52. //CHAT widget
  53. @attachment-border-radius: 3px;