$orange: #ff2a51;
$green: #007936;
$red: #d30038;
$blue: #0085f2;

$white: #fff;
$black: #000;

$transparant-red: transparentize($red, 0.8);
$transparant-blue: transparentize($blue, 0.8);
$transparant-orange: transparentize($orange, 0.4);
$transparant-green: transparentize($green, 0.4);

// White theme
$background-color: $white;
$background-color-secondary: #f9f9fb;

$font-color: #1b1b1b;

$link-color: #0069c2;
$selected-color: #0085f230;
$read-color: darken($font-color, 10%);

$confirm-color: $green;
$confirm-font-color: $white;

$danger-color: $red;
$danger-font-color: $white;

$warning-color: $orange;
$warning-font-color: $white;

$info-color: $blue;
$info-font-color: $white;

$sidebar-background-color: $background-color-secondary;

$border-color: #cdcdcd;

// Dark theme
$dark-background-color: #1b1b1b;
$dark-background-color-secondary: #313131;

$dark-font-color: #cccccc;

$dark-link-color: $link-color;
$dark-read-color: darken($dark-font-color, 5%);

$dark-confirm-color: $green;
$dark-confirm-font-color: $white;

$dark-danger-color: $red;
$dark-danger-font-color: $white;

$dark-warning-color: $orange;
$dark-warning-font-color: $white;

$dark-info-color: $blue;
$dark-info-font-color: $white;

$dark-sidebar-background-color: $dark-background-color-secondary;
