// import bootstrap base
@import "../node_modules/bootstrap/less/bootstrap.less";

// import custom variables
@import "variables.less";

// dracula colors by SinaCutie
@hacker-primary-darker: darken(@hacker-primary, 20%); /* Primary 1 */
@hacker-primary-dark: darken(@hacker-primary, 10%); /* Primary 2 */
@hacker-primary: #F8F8F2; /* Main primary */
@hacker-primary-light: lighten(@hacker-primary, 10%); /* Primary 3 */
@hacker-primary-lighter: lighten(@hacker-primary, 20%); /* Primary 3 */

@hacker: @hacker-primary-lighter; /* Body text */
@hacker-bg: #282A36; /* Body bg */
@hacker-box-bg: lighten(@hacker-bg, 10%); /* Container elem bg */
@hacker-box-border: lighten(@hacker-bg, 20%); /* Container border */

@brand-primary: @hacker-primary;
@brand-success: #50FA7B;
@brand-warning: #F1FA8C;
@brand-danger: #FF5555;
@brand-info: #8BE9FD;

@comment: #6272A4;

@link-color: #BD93F9;
@pre-color: @hacker-primary;

@btn-default-color: @hacker-primary-lighter;
@btn-default-bg: @comment;
@btn-default-border: @hacker-box-border;
@btn-primary-bg: @hacker-primary-light;

@table-bg-active: @comment;
@panel-bg: @hacker-bg;
@panel-inner-border: @hacker-box-bg;
@panel-footer-bg: @hacker-box-bg;
@panel-default-heading-bg: lighten(@hacker-bg, 10%);
@panel-primary-text: @hacker-primary;
@panel-primary-border: @hacker-box-bg;
@panel-primary-heading-bg: @hacker-box-bg;

@list-group-active-bg: @comment;
@progress-bar-color: lighten(@hacker-primary-lighter, 10%);
@progress-bar-bg: #FFB86C;


// import custom theme changes
@import "_theme.less";