variables.less 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. //AdminLTE 2 Variables.less
  2. //=========================
  3. //PATHS
  4. //--------------------------------------------------------
  5. @boxed-layout-bg-image-path: "../img/boxed-bg.jpg";
  6. //COLORS
  7. //--------------------------------------------------------
  8. //Primary
  9. @light-blue: #4397fd;
  10. //Danger
  11. @red: @brand-danger;
  12. //Success
  13. @green: @brand-success;
  14. //Info
  15. @aqua: @brand-info;
  16. //Warning
  17. @yellow: @brand-warning;
  18. @blue: #1688f1;
  19. @navy: #001F3F;
  20. @teal: #39CCCC;
  21. @olive: #3D9970;
  22. @lime: #01FF70;
  23. @orange: #FF851B;
  24. @fuchsia: #F012BE;
  25. @purple: #605ca8;
  26. @maroon: #D81B60;
  27. @black: #111;
  28. @gray: #d2d6de;
  29. //LAYOUT
  30. //--------------------------------------------------------
  31. //Side bar and logo width
  32. @sidebar-width: 230px;
  33. //Boxed layout maximum width
  34. @boxed-layout-max-width: 1024px;
  35. //When the logo should go to the top of the screen
  36. @screen-header-collapse: @screen-xs-max;
  37. //Link colors (Aka: <a> tags)
  38. @link-color: @light-blue;
  39. @link-hover-color: lighten(@link-color, 15%);
  40. //Body background (Affects main content background only)
  41. @body-bg: #ecf0f5;
  42. //SIDEBAR SKINS
  43. //--------------------------------------------------------
  44. //Dark sidebar
  45. @sidebar-dark-bg: #222d32;
  46. @sidebar-dark-hover-bg: darken(@sidebar-dark-bg, 2%);
  47. @sidebar-dark-color: lighten(@sidebar-dark-bg, 60%);
  48. @sidebar-dark-hover-color: #fff;
  49. @sidebar-dark-submenu-bg: lighten(@sidebar-dark-bg, 5%);
  50. @sidebar-dark-submenu-color: lighten(@sidebar-dark-submenu-bg, 40%);
  51. @sidebar-dark-submenu-hover-color: #fff;
  52. //Light sidebar
  53. @sidebar-light-bg: #f9fafc;
  54. @sidebar-light-hover-bg: lighten(#f0f0f1, 1.5%);
  55. @sidebar-light-color: #444;
  56. @sidebar-light-hover-color: #000;
  57. @sidebar-light-submenu-bg: @sidebar-light-hover-bg;
  58. @sidebar-light-submenu-color: #777;
  59. @sidebar-light-submenu-hover-color: #000;
  60. //CONTROL SIDEBAR
  61. //--------------------------------------------------------
  62. @control-sidebar-width: @sidebar-width;
  63. //BOXES
  64. //--------------------------------------------------------
  65. @box-border-color: #f4f4f4;
  66. @box-border-radius: 3px;
  67. @box-footer-bg: #fff;
  68. @box-boxshadow: 0 1px 1px rgba(0, 0, 0, .1);
  69. @box-padding: 10px;
  70. //Box variants
  71. @box-default-border-top-color: #d2d6de;
  72. //BUTTONS
  73. //--------------------------------------------------------
  74. @btn-boxshadow: none;
  75. //PROGRESS BARS
  76. //--------------------------------------------------------
  77. @progress-bar-border-radius: 1px;
  78. @progress-bar-sm-border-radius: 1px;
  79. @progress-bar-xs-border-radius: 1px;
  80. //FORMS
  81. //--------------------------------------------------------
  82. @input-radius: 0;
  83. //BUTTONS
  84. //--------------------------------------------------------
  85. //Border radius for non flat buttons
  86. @btn-border-radius: 3px;
  87. //DIRECT CHAT
  88. //--------------------------------------------------------
  89. @direct-chat-height: 250px;
  90. @direct-chat-default-msg-bg: @gray;
  91. @direct-chat-default-font-color: #444;
  92. @direct-chat-default-msg-border-color: @gray;
  93. //CHAT WIDGET
  94. //--------------------------------------------------------
  95. @attachment-border-radius: 3px;
  96. //TRANSITIONS SETTINGS
  97. //--------------------------------------------------------
  98. //Transition global options
  99. @transition-speed: .3s;
  100. @transition-fn: ease-in-out;
  101. //cubic-bezier(0.32,1.25,0.375,1.15);