almasvareh/resources/sass/_variables.scss

// Body
$body-bg: #f8fafc;

// Typography
$font-family-sans-serif: 'Nunito', sans-serif;
$font-size-base: 0.9rem;
$line-height-base: 1.6;

// Colors
//$blue: #3490dc;
//$indigo: #6574cd;
//$purple: #9561e2;
//$pink: #f66d9b;
//$red: #e3342f;
//$orange: #f6993f;
//$yellow: #ffed4a;
//$green: #38c172;
//$teal: #4dc0b5;
//$cyan: #6cb2eb;

$blue: #752360;
$cyan: #326ce5;
//$green: #0e8420;
$green: #148c5d;
//$red: #ed1843;
$red: #e80566;
$yellow: #f15d22;
$black: #000;

$gray-100: #f1f2f3;
$navbar-light-color: rgba($black, .9);


$white: #FFF;

//
// Panel Side Application Variables

// Complementry color is used to indecate the loading bar on the top
// of the page with pace.js plugin
$complementry-color: adjust_hue($blue, 180);

// ------- Sidebar Width --------
$sidebar-width: 230px;

// ------- Sidebar Colors --------

// Background color of sidebar
//$sidebar-color: rgba(116, 117, 118, 0.87);
$sidebar-color: #747576;

// -- Suggested sidebar background colors
// dark  : #222d32
// light : #f8f8f8

// Sidebar accent varible is used to determine the color of the links
// of the sidebar. The allowed values are 'light' or 'dark' only
$sidebar-accent: light;

// The following varibles indecate sidebar link color
// and link hover color when using a dark sidebar color
$sidebar-dark-color: #fff;
$sidebar-dark-link-color: #fff;

// The following varibles indecate sidebar link color
// and link hover color when using a light sidebar color
//$sidebar-light-color: #000;
//$sidebar-light-link-color: #333;


//
$sidebar-light-color: #fff;
$sidebar-light-link-color: #fff;

$sidebar-bg: #3c3f42;
$sidebar-hover-bg: #e1e2e3;