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.
113 lines
2.4 KiB
SCSS
113 lines
2.4 KiB
SCSS
// 36c3
|
|
|
|
//== Colors
|
|
|
|
$gray-dark: #282828;
|
|
$gray-darker: #222;
|
|
$gray-light: #888;
|
|
$gray-lighter: #D0D0CE;
|
|
$black: #000;
|
|
|
|
$brand-primary: #fe5000;
|
|
$primary: $brand-primary;
|
|
$brand-success: #00bb31;
|
|
$success: $brand-success;
|
|
$brand-info: #5bc0de;
|
|
$info: $brand-info;
|
|
$brand-warning: #febb00;
|
|
$warning: $brand-warning;
|
|
$brand-danger: #bb3100;
|
|
$danger: $brand-danger;
|
|
|
|
//== Scaffolding
|
|
|
|
$body-bg: #000;
|
|
$text-color: $gray-lighter;
|
|
|
|
//== Buttons
|
|
|
|
$btn-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;
|
|
|
|
//== Type
|
|
|
|
$headings-small-color: $gray-light;
|
|
|
|
// Bootswatch
|
|
// -----------------------------------------------------
|
|
@import "cyborg_variables.scss";
|
|
@import "cyborg_styles.scss";
|
|
// 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;
|
|
}
|