// 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%); //= Navigation $nav-tabs-link-active-color: $gray-lighter; //== 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; } }