engelsystem/resources/assets/themes/theme12.less

108 lines
2.4 KiB
Plaintext

// 36c3
@import "cyborg_variables.less";
//== Colors
@gray-dark: #282828; // #333
@gray-light: #888; // #999
@gray-lighter: #D0D0CE; // #eee
@black: #000;
@brand-primary: #fe5000;
@brand-success: #00bb31;
@brand-info: #5bc0de;
@brand-warning: #febb00;
@brand-danger: #bb3100;
//== Scaffolding
@body-bg: #000;
@text-color: @gray-lighter;
//== Buttons
@btn-default-color: @gray-lighter;
@btn-default-bg: lighten(@gray-dark, 10%);
@btn-primary-color: @black;
@btn-primary-border: darken(@btn-default-bg, 10%);
@btn-success-color: @black;
@btn-success-border: darken(@btn-default-bg, 10%);
@btn-info-color: @black;
@btn-info-border: darken(@btn-default-bg, 10%);
@btn-warning-color: @black;
@btn-warning-border: darken(@btn-default-bg, 10%);
@btn-danger-border: darken(@btn-default-bg, 10%);
//== Forms
@input-bg: @gray-darker;
@input-bg-disabled: darken(@gray-dark, 10%);
@input-group-addon-bg: @gray-lighter;
//== Pagination
@pagination-color: @black;
@pagination-hover-color: @black;
@pagination-active-color: @black;
//== Labels
@label-color: #000;
@label-link-hover-color: @gray-dark;
//== Panels
@panel-primary-text: #000;
//== Badges
@badge-color: @black;
@badge-link-hover-color: @black;
//== Type
@headings-small-color: @gray-light;
// Bootswatch
// -----------------------------------------------------
@import "cyborg_variables.less";
// Forms ======================================================================
.input-group-addon {
background-color: @btn-default-bg;
}
// Containers =================================================================
// datetimepicker
.bootstrap-datetimepicker-widget {
.timepicker-hour,
.timepicker-minute,
[data-action='selectHour'],
[data-action='selectMinute'],
[data-action='incrementHours'],
[data-action='decrementHours'],
[data-action='incrementMinutes'],
[data-action='decrementMinutes'] {
&:hover {
color: @gray;
}
}
}
// code tag
code {
background-color: @btn-default-bg;
color: @input-color;
}