You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
153 lines
3.2 KiB
Plaintext
153 lines
3.2 KiB
Plaintext
// 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;
|
|
}
|