engelsystem/resources/assets/themes/theme6.less

// 34c3 dark (2017)
@import "cyborg_variables.less";
// Variables
// --------------------------------------------------

//== changed Colors

@gray-dark:              #282828;   // #333
@gray-light:             #888;   // #999
@gray-lighter:           #ADAFAE; // #eee

@brand-primary:         rgb(164, 28, 49);
@brand-success:         rgb(153, 204, 0);
@brand-info:            rgb(0, 204, 255);
@brand-warning:         rgb(255, 255, 51);
@brand-danger:          rgb(255, 102, 0);

.label.label-warning, .progress-bar.progress-bar-warning {
  color: #000;
}


//== changed Buttons

@btn-default-color:              #fff;
@btn-default-bg:                 lighten(@gray-dark, 10%);

@btn-primary-border:             darken(@btn-default-bg, 10%);

@btn-success-border:             @btn-primary-border;

@btn-info-border:                @btn-primary-border;

@btn-warning-border:             @btn-primary-border;

@btn-danger-border:              @btn-primary-border;

@btn-link-disabled-color:        @gray-light;


//== changed Forms

@input-bg:                       @gray-darker;

@input-bg-disabled:              @gray-lighter;

@input-group-addon-bg:           @gray-lighter;


//== changed Pagination

@pagination-hover-color:               #fff;

@pagination-active-color:              #fff;


//== changed Form states and alerts

@state-success-text:             #fff;
@state-success-bg:               @brand-success;
@state-success-border:           darken(@state-success-bg, 5%);

@state-info-text:                #fff;
@state-info-bg:                  @brand-info;
@state-info-border:              darken(@state-info-bg, 7%);

@state-warning-text:             #000;
@state-warning-bg:               @brand-warning;
@state-warning-border:           darken(@state-warning-bg, 3%);

@state-danger-text:              #fff;
@state-danger-bg:                @brand-danger;
@state-danger-border:            darken(@state-danger-bg, 3%);


//== changed List group

@list-group-bg:                 darken(@gray-darker, 10%);


//== changed Panels

@panel-bg:                    darken(@gray-darker, 10%);

@panel-default-heading-bg:    darken(@gray-darker, 5%);


//== changed Badges

@badge-color:                 #fff;

@badge-link-hover-color:      #fff;


//== changed Type

@headings-small-color:        @gray-light;


// Bootswatch
// -----------------------------------------------------

@import "cyborg_styles.less";

// Typography =================================================================

.text-primary,
.text-primary:hover,
a.text-primary,
a.text-primary:hover {
  color: @brand-primary;
}

.text-success,
.text-success:hover,
a.text-success,
a.text-success:hover {
  color: @brand-success;
}

.text-danger,
.text-danger:hover,
a.text-danger,
a.text-danger:hover {
  color: @brand-danger;
}

.text-warning,
.text-warning:hover,
a.text-warning,
a.text-warning:hover {
  color: @brand-warning;
}

.text-info,
.text-info:hover,
a.text-info,
a.text-info:hover {
  color: @brand-info;
}

// added Forms ======================================================================

.input-group-addon {
  background-color: @btn-default-bg;
}

// different code tag
code {
  background-color: @input-bg;
  color: @input-color;
}