Edit file File name : variables.scss Content :/* * This file is part of the Kimai time-tracking app. * * For the full copyright and license information, please view the LICENSE * file that was distributed with this source code. */ @import "~bootstrap-sass/assets/stylesheets/bootstrap/variables"; /* For highlighting rows, fieldsets and so on */ $highlight-bg: #f5f5f5; $highlight-today: #fcf8e3; /** * BELOW: A simple one to one clone of /node_modules/admin-lte/build/less/variables.less */ // COLORS // -------------------------------------------------------- // Primary //$light-blue: #3c8dbc; // Danger $red: #dd4b39; // Success $green: #00a65a; // Info //$aqua: #00c0ef; // Warning $yellow: #f0ad4e; $blue: #0073b7; //$navy: #001F3F; //$teal: #39CCCC; //$olive: #3D9970; //$lime: #01FF70; //$orange: #FF851B; //$fuchsia: #F012BE; //$purple: #605ca8; //$maroon: #D81B60; //$black: #111; $gray-lte: #d2d6de; $kimai-default: $gray-lte; // LAYOUT // -------------------------------------------------------- // // Side bar and logo width //$sidebar-width: 230px; // // Link colors (Aka: <a> tags) //$link-color: $light-blue; //$link-hover-color: lighten($link-color, 15%); // // Body background (Affects main content background only) //$body-bg: #ecf0f5; // DEPRECATED //$content-bg: #ecf0f5; // // SIDEBAR SKINS // -------------------------------------------------------- // // Dark sidebar //$sidebar-dark-bg: #222d32; //$sidebar-dark-hover-bg: darken($sidebar-dark-bg, 2%); //$sidebar-dark-color: lighten($sidebar-dark-bg, 60%); //$sidebar-dark-hover-color: #fff; //$sidebar-dark-submenu-bg: lighten($sidebar-dark-bg, 5%); //$sidebar-dark-submenu-color: lighten($sidebar-dark-submenu-bg, 40%); //$sidebar-dark-submenu-hover-color: #fff; // // Light sidebar //$sidebar-ligh//t-bg: #f9fafc; //$sidebar-light-hover-bg: lighten(#f0f0f1, 1.5%); //$sidebar-light-color: #444; //$sidebar-light-hover-color: #000; //$sidebar-light-submenu-bg: $sidebar-light-hover-bg; //$sidebar-light-submenu-color: #777; //$sidebar-light-submenu-hover-color: #000; // // sidebar-expanded-on-hover //$sidebar-expanded-shadow: 3px 0 8px rgba(0,0,0,.125); // // CONTROL SIDEBAR // -------------------------------------------------------- //$control-sidebar-width: $sidebar-width; // // BOXES // -------------------------------------------------------- //$box-border-color: #f4f4f4; $box-border-radius: 3px; //$box-footer-bg: #fff; //$box-boxshadow: 0 1px 1px rgba(0, 0, 0, .1); //$box-padding: 10px; // // Box variants //$box-default-border-top-color: #d2d6de; // // BUTTONS // -------------------------------------------------------- //$btn-boxshadow: none; // // PROGRESS BARS // -------------------------------------------------------- //$progress-bar-border-radius: 1px; //$progress-bar-sm-border-radius: 1px; //$progress-bar-xs-border-radius: 1px; // // FORMS // -------------------------------------------------------- //$input-radius: 0; // // BUTTONS // -------------------------------------------------------- // // Border radius for non flat buttons //$btn-border-radius: 3px; // // 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 // -------------------------------------------------------- //$attachment-border-radius: 3px; // // TRANSITIONS SETTINGS // -------------------------------------------------------- // // Transition global options //$transition-speed: .3s; //$transition-fn: ease-in-out; // Save