// PrestaShop Admin Theme Colors $main-color: #363A41 !default $primary-color: $blueSkype !default $secondary-color: $greenPrestashop !default $bg-content-color: #EFF1F2 !default $contrasted-dark-default: #333 $contrasted-light-default: white $contrasted-lightness-threshold: 10% $bg-page-head-color : $secondary-color $bg-panel-heading-color: hsl(hue($secondary-color), 10, 90) $badge-notif-color: $greenPrestashop $brand-addons: $pinkPrestashop $font-family-mono: 'Droid Sans Mono', Helvetica, Arial, sans-serif // FontAwesome icons $icon-font-family: 'FontAwesome' $fa-css-prefix: icon $icon-size-base: 14px // Tooltips $tooltip-opacity: 1 $tooltip-bg: #555 $tooltip-max-width: 250px // Bootstrap variables $gray-darker: lighten(#000, 13.5%) //#222 $gray-dark: lighten(#000, 20%) //#333 $gray: lighten(#000, 33.5%) //#555 $gray-light: lighten(#000, 60%) //#999 $gray-lighter: lighten(#000, 93.5%) //#eee // Brand colors $brand-primary: $primary-color !default $brand-success: #72C279 !default $brand-warning: #fbbb22 !default $brand-danger: #E08F95 !default $brand-info: #25b9d7 !default $alert-success-bg: lighten($brand-success, 30%) !default $alert-success-text: $brand-success !default $alert-success-border: $brand-success !default $alert-info-bg: #DCF4F9 !default $alert-info-text: #1e94ab !default $alert-info-border: $brand-info !default $alert-warning-bg: #FFF3D7 !default $alert-warning-text: #D2A63C !default $alert-warning-border: #D2A63C !default $alert-danger-bg: #FFE2E4 !default $alert-danger-text: #D27C82 !default $alert-danger-border: $brand-danger !default // Sidebar $sidebar-menu-color: #BEBEBE !default $sidebar-menu-active-color: white !default $sidebar-menu-hover-color: white !default $sidebar-menu-bg-hover-color: #282b30 // Toolbar $toolbar-buttons-color: #2eacce $toolbar-buttons-hover-color: #40c9ed // Scaffolding $body-bg: $bg-content-color $text-color: $gray // Typography $url-font-content: "//fonts.googleapis.com/css?family=Open+Sans:300,400,700" !default $url-font-content-name : 'Open Sans' !default $url-font-headings: "//fonts.googleapis.com/css?family=Ubuntu+Condensed" !default $url-font-headings-name: 'Ubuntu Condensed' !default $font-family-sans-serif: $url-font-content-name, Helvetica, Arial, sans-serif $headings-font-family: $url-font-headings-name, Helvetica, Arial, sans-serif $font-size-base: 12px $line-height-base: 1.428571429 $line-height-computed: floor($font-size-base * $line-height-base) $headings-font-weight: 400 // Components $padding-base-vertical: 6px $padding-base-horizontal: 8px $border-radius-base: 3px // Tables // $table-bg: transparent overall background-color $table-bg-accent: #f9f9f9 //for striping $table-bg-hover: #EDF7FB // Buttons $btn-default-color: $main-color $btn-default-bg: white $btn-default-border: #DEDEDE $btn-primary-color: $btn-default-color $btn-primary-bg: #2eacce $btn-primary-border: #2eacce // Forms $input-bg: #F5F8F9 $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) $input-group-addon-bg: #F5F8F9 $input-border: #C7D6DB // Dropdowns $dropdown-link-hover-color: white $dropdown-link-hover-bg: $brand-primary // Grid system $grid-gutter-width: 10px // Navbar // Basics of a navbar $navbar-height: 35px // Wells $well-bg: #FCFDFE // Media queries breakpoints // Tiny screen / phone $screen-tiny: 480px $screen-phone: $screen-tiny // Small screen / tablet $screen-small: 768px $screen-tablet: $screen-small // Medium screen / desktop $screen-medium: 992px $screen-desktop: $screen-medium // So media queries don't overlap when required, provide a maximum $screen-small-max: ($screen-medium - 1) $screen-tablet-max: $screen-small-max // Large screen / wide desktop $screen-large: 1200px $screen-large-desktop: $screen-large // Container sizes // Small screen / tablet $container-tablet: 728px // Medium screen / desktop $container-desktop: 940px // Large screen / wide desktop $container-large-desktop: 1170px //light