1 //AdminLTE 2 Variables.less
2 //=========================
5 //--------------------------------------------------------
7 @boxed-layout-bg-image-path: "../img/boxed-bg.jpg";
10 //--------------------------------------------------------
34 //--------------------------------------------------------
36 //Side bar and logo width
37 @sidebar-width: 230px;
38 //Boxed layout maximum width
39 @boxed-layout-max-width: 1024px;
40 //When the logo should go to the top of the screen
41 @screen-header-collapse: @screen-xs-max;
43 //Link colors (Aka: <a> tags)
44 @link-color: @light-blue;
45 @link-hover-color: lighten(@link-color, 15%);
47 //Body background (Affects main content background only)
51 //--------------------------------------------------------
54 @sidebar-dark-bg: #222d32;
55 @sidebar-dark-hover-bg: darken(@sidebar-dark-bg, 2%);
56 @sidebar-dark-color: lighten(@sidebar-dark-bg, 60%);
57 @sidebar-dark-hover-color: #fff;
58 @sidebar-dark-submenu-bg: lighten(@sidebar-dark-bg, 5%);
59 @sidebar-dark-submenu-color: lighten(@sidebar-dark-submenu-bg, 40%);
60 @sidebar-dark-submenu-hover-color: #fff;
63 @sidebar-light-bg: #f9fafc;
64 @sidebar-light-hover-bg: lighten(#f0f0f1, 1.5%);
65 @sidebar-light-color: #444;
66 @sidebar-light-hover-color: #000;
67 @sidebar-light-submenu-bg: @sidebar-light-hover-bg;
68 @sidebar-light-submenu-color: #777;
69 @sidebar-light-submenu-hover-color: #000;
72 //--------------------------------------------------------
73 @control-sidebar-width: @sidebar-width;
76 //--------------------------------------------------------
77 @box-border-color: #f4f4f4;
78 @box-border-radius: 3px;
80 @box-boxshadow: 0 1px 1px rgba(0, 0, 0, .1);
84 @box-default-border-top-color: #d2d6de;
87 //--------------------------------------------------------
91 //--------------------------------------------------------
92 @progress-bar-border-radius: 1px;
93 @progress-bar-sm-border-radius: 1px;
94 @progress-bar-xs-border-radius: 1px;
97 //--------------------------------------------------------
101 //--------------------------------------------------------
103 //Border radius for non flat buttons
104 @btn-border-radius: 3px;
107 //--------------------------------------------------------
108 @direct-chat-height: 250px;
109 @direct-chat-default-msg-bg: @gray;
110 @direct-chat-default-font-color: #444;
111 @direct-chat-default-msg-border-color: @gray;
114 //--------------------------------------------------------
115 @attachment-border-radius: 3px;
117 //TRANSITIONS SETTINGS
118 //--------------------------------------------------------
120 //Transition global options
121 @transition-speed: .3s;
122 @transition-fn: ease-in-out;
123 //cubic-bezier(0.32,1.25,0.375,1.15);