Updated variables.less with additional values

Signed-off-by: snipe <snipe@snipe.net>
This commit is contained in:
snipe 2020-04-22 06:40:27 -07:00
parent b725e788ec
commit 3a446e6396
No known key found for this signature in database
GPG key ID: 10BFFDA3ED34B5AC

173
resources/assets/less/variables.less Executable file → Normal file
View file

@ -1,125 +1,130 @@
//AdminLTE 2 Variables.less // AdminLTE 2 Variables.less
//========================= // =========================
//PATHS // COLORS
//-------------------------------------------------------- // --------------------------------------------------------
// Primary
@boxed-layout-bg-image-path: "../img/boxed-bg.jpg"; @light-blue: #3c8dbc;
// Danger
//COLORS @red: #dd4b39;
//-------------------------------------------------------- // Success
@green: #00a65a;
@light-blue: #3c8dbc; //Primary // Info
@red: #a41e15; //Danger @aqua: #00c0ef;
@light-red: #ddada6; //Primary // Warning
@green: #00a65a; //Success @yellow: #f39c12;
@light-green: rgba(0, 255, 142, 0.42); //Success @blue: #0073b7;
@aqua: #00c0ef; //Info @navy: #001F3F;
@yellow: #f39c12; //Warning @teal: #39CCCC;
@blue: #0073b7; @olive: #3D9970;
@navy: #001F3F; @lime: #01FF70;
@teal: #39CCCC; @orange: #FF851B;
@olive: #3D9970; @fuchsia: #F012BE;
@lime: #01FF70; @purple: #605ca8;
@orange: #FF851B; @maroon: #D81B60;
@fuchsia: #F012BE; @black: #111;
@purple: #605ca8;
@maroon: #D81B60;
@black: #111;
@gray: #d2d6de; @gray: #d2d6de;
@dark-gray: #505156; @dark-gray: #505156;
@orange: #FF8C00; @orange: #FF8C00;
@light-orange: #ffd890; @light-orange: #ffd890;
@gray-lte: #d2d6de;
//LAYOUT // LAYOUT
//-------------------------------------------------------- // --------------------------------------------------------
//Side bar and logo width // Side bar and logo width
@sidebar-width: 230px; @sidebar-width: 230px;
//Boxed layout maximum width // Boxed layout maximum width
@boxed-layout-max-width: 1024px; @boxed-layout-max-width: 1024px;
//When the logo should go to the top of the screen // When the logo should go to the top of the screen
@screen-header-collapse: @screen-xs-max; @screen-header-collapse: @screen-xs-max;
//Link colors (Aka: <a> tags) // Link colors (Aka: <a> tags)
@link-color: @light-blue; @link-color: @light-blue;
@link-hover-color: lighten(@link-color, 15%); @link-hover-color: lighten(@link-color, 15%);
//Body background (Affects main content background only) // Body background (Affects main content background only)
@body-bg: #ecf0f5; @body-bg: #ecf0f5; // DEPRECATED
@content-bg: #ecf0f5;
//SIDEBAR SKINS // SIDEBAR SKINS
//-------------------------------------------------------- // --------------------------------------------------------
//Dark sidebar // Dark sidebar
@sidebar-dark-bg: #222d32; @sidebar-dark-bg: #222d32;
@sidebar-dark-hover-bg: darken(@sidebar-dark-bg, 2%); @sidebar-dark-hover-bg: darken(@sidebar-dark-bg, 2%);
@sidebar-dark-color: lighten(@sidebar-dark-bg, 60%); @sidebar-dark-color: lighten(@sidebar-dark-bg, 60%);
@sidebar-dark-hover-color: #fff; @sidebar-dark-hover-color: #fff;
@sidebar-dark-submenu-bg: lighten(@sidebar-dark-bg, 5%); @sidebar-dark-submenu-bg: lighten(@sidebar-dark-bg, 5%);
@sidebar-dark-submenu-color: lighten(@sidebar-dark-submenu-bg, 40%); @sidebar-dark-submenu-color: lighten(@sidebar-dark-submenu-bg, 40%);
@sidebar-dark-submenu-hover-color: #fff; @sidebar-dark-submenu-hover-color: #fff;
//Light sidebar // Light sidebar
@sidebar-light-bg: #f9fafc; @sidebar-light-bg: #f9fafc;
@sidebar-light-hover-bg: lighten(#f0f0f1, 1.5%); @sidebar-light-hover-bg: lighten(#f0f0f1, 1.5%);
@sidebar-light-color: #444; @sidebar-light-color: #444;
@sidebar-light-hover-color: #000; @sidebar-light-hover-color: #000;
@sidebar-light-submenu-bg: @sidebar-light-hover-bg; @sidebar-light-submenu-bg: @sidebar-light-hover-bg;
@sidebar-light-submenu-color: #777; @sidebar-light-submenu-color: #777;
@sidebar-light-submenu-hover-color: #000; @sidebar-light-submenu-hover-color: #000;
//CONTROL SIDEBAR // sidebar-expanded-on-hover
//-------------------------------------------------------- @sidebar-expanded-shadow: 3px 0 8px rgba(0,0,0,.125);
// CONTROL SIDEBAR
// --------------------------------------------------------
@control-sidebar-width: @sidebar-width; @control-sidebar-width: @sidebar-width;
// BOXES
//BOXES // --------------------------------------------------------
//-------------------------------------------------------- @box-border-color: #f4f4f4;
@box-border-color: #f4f4f4;
@box-border-radius: 3px; @box-border-radius: 3px;
@box-footer-bg: #fff; @box-footer-bg: #fff;
@box-boxshadow: 0 1px 1px rgba(0, 0, 0, .1); @box-boxshadow: 0 1px 1px rgba(0, 0, 0, .1);
@box-padding: 10px; @box-padding: 10px;
//Box variants // Box variants
@box-default-border-top-color: #d2d6de; @box-default-border-top-color: #d2d6de;
//BUTTONS // BUTTONS
//-------------------------------------------------------- // --------------------------------------------------------
@btn-boxshadow: none; @btn-boxshadow: none;
//PROGRESS BARS // PROGRESS BARS
//-------------------------------------------------------- // --------------------------------------------------------
@progress-bar-border-radius: 1px; @progress-bar-border-radius: 1px;
@progress-bar-sm-border-radius: 1px; @progress-bar-sm-border-radius: 1px;
@progress-bar-xs-border-radius: 1px; @progress-bar-xs-border-radius: 1px;
//FORMS // FORMS
//-------------------------------------------------------- // --------------------------------------------------------
@input-radius: 0; @input-radius: 0;
//BUTTONS // BUTTONS
//-------------------------------------------------------- // --------------------------------------------------------
//Border radius for non flat buttons // Border radius for non flat buttons
@btn-border-radius: 3px; @btn-border-radius: 3px;
//DIRECT CHAT // HR
//-------------------------------------------------------- // --------------------------------------------------------
@direct-chat-height: 250px; // Horizontal line color.
@direct-chat-default-msg-bg: @gray; @hr-border: @gray;
@direct-chat-default-font-color: #444;
@direct-chat-default-msg-border-color: @gray;
// DIRECT CHAT
// --------------------------------------------------------
@direct-chat-height: 250px;
@direct-chat-default-msg-bg: @gray-lte;
@direct-chat-default-font-color: #444;
@direct-chat-default-msg-border-color: @gray-lte;
//CHAT WIDGET // CHAT WIDGET
//-------------------------------------------------------- // --------------------------------------------------------
@attachment-border-radius: 3px; @attachment-border-radius: 3px;
//TRANSITIONS SETTINGS // TRANSITIONS SETTINGS
//-------------------------------------------------------- // --------------------------------------------------------
//Transition global options // Transition global options
@transition-speed: .3s; @transition-speed: .3s;
@transition-fn: ease-in-out;//cubic-bezier(0.32,1.25,0.375,1.15); @transition-fn: ease-in-out;