111 lines
2.0 KiB
SCSS
111 lines
2.0 KiB
SCSS
// high contrast
|
|
// Variables
|
|
// --------------------------------------------------
|
|
@import 'dark';
|
|
|
|
//== Colors
|
|
|
|
$gray-dark: #282828;
|
|
$gray-darker: #222;
|
|
$gray-light: #888;
|
|
$gray-lighter: #adafae;
|
|
|
|
$brand-primary: #72abfa;
|
|
$primary: $brand-primary;
|
|
$brand-success: #5cb85c;
|
|
$success: $brand-success;
|
|
$brand-info: #5bc0de;
|
|
$info: $brand-info;
|
|
$brand-danger: #d9534f;
|
|
$danger: $brand-danger;
|
|
$brand-warning: #f0ad4e;
|
|
$warning: $brand-warning;
|
|
|
|
//== Scaffolding
|
|
|
|
$body-bg: #000;
|
|
$body-color: #fff;
|
|
|
|
//== Buttons
|
|
|
|
$btn-color: #fff;
|
|
$btn-default-bg: lighten($gray-dark, 10%);
|
|
|
|
$btn-primary-color: #000;
|
|
$btn-primary-border: darken($btn-default-bg, 10%);
|
|
|
|
$btn-success-color: #000;
|
|
$btn-success-border: darken($btn-default-bg, 10%);
|
|
|
|
$btn-info-color: #000;
|
|
$btn-info-border: darken($btn-default-bg, 10%);
|
|
|
|
$btn-warning-color: #000;
|
|
$btn-warning-border: darken($btn-default-bg, 10%);
|
|
|
|
$btn-danger-color: #000;
|
|
$btn-danger-border: darken($btn-default-bg, 10%);
|
|
|
|
//== Forms
|
|
|
|
$input-bg: $gray-darker;
|
|
$input-bg-disabled: $gray-lighter;
|
|
|
|
$input-group-addon-bg: $gray-lighter;
|
|
|
|
//== Pagination
|
|
|
|
$pagination-hover-color: #fff;
|
|
|
|
//== Labels
|
|
|
|
$label-default-bg: lighten($btn-default-bg, 20%);
|
|
$label-color: #000;
|
|
$label-link-hover-color: #000;
|
|
|
|
//== Type
|
|
|
|
$text-muted: $gray-lighter;
|
|
$abbr-border-color: $gray-lighter;
|
|
$headings-small-color: $gray-lighter;
|
|
|
|
// Bootswatch
|
|
// -----------------------------------------------------
|
|
@import 'cyborg_variables.scss';
|
|
@import 'cyborg_styles.scss';
|
|
|
|
// Typography =================================================================
|
|
|
|
.text-danger,
|
|
.text-danger:hover {
|
|
color: lighten($brand-danger, 10%);
|
|
}
|
|
|
|
// Forms ======================================================================
|
|
|
|
.legend {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.input-group-addon {
|
|
background-color: $btn-default-bg;
|
|
}
|
|
|
|
// code tag
|
|
code {
|
|
background-color: $btn-default-bg;
|
|
color: #fff;
|
|
}
|
|
|
|
.navbar-dark .navbar-nav .nav-link {
|
|
color: #fff;
|
|
}
|
|
|
|
.badge {
|
|
color: #000 !important;
|
|
|
|
&.bg-dark {
|
|
color: #fff !important;
|
|
}
|
|
}
|