// 33c3 (2016) // Variables //== changed Colors $gray-dark: #282828; $gray-darker: #222; $gray-light: #888; $gray-lighter: #ADAFAE; $brand-primary: rgb(0, 156, 139); $primary: rgb(0, 156, 139); $brand-success: rgb(141, 193, 35); $success: rgb(141, 193, 35); $brand-info: rgb(70, 71, 73); $info: rgb(70, 71, 73); $brand-warning: rgb(255, 244, 95); $warning: rgb(255, 244, 95); $brand-danger: rgb(277, 38, 60); $danger: rgb(277, 38, 60); //== changed Scaffolding $body-bg: #1d1d1b; //== changed Buttons $btn-color: #fff; $btn-default-bg: lighten($gray-dark, 10%); $btn-primary-border: darken($btn-default-bg, 10%); $btn-success-border: darken($btn-default-bg, 10%); $btn-info-border: darken($btn-default-bg, 10%); $btn-warning-border: darken($btn-default-bg, 10%); $btn-danger-border: darken($btn-default-bg, 10%); //== changed Forms $input-bg: $gray-darker; $input-bg-disabled: $gray-lighter; $input-group-addon-bg: $gray-lighter; //== 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: darken($brand-warning, 40%); $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 Badges $badge-color: #fff; //== changed Type $headings-small-color: $gray-light; // Bootswatch // ----------------------------------------------------- @import "cyborg_variables.scss"; @import "cyborg_styles.scss"; // added Forms ====================================================================== .input-group-addon { background-color: $btn-default-bg; } // added Containers ================================================================= .label-warning, .label-success, .progress-bar-warning, .progress-bar-success, .panel-warning .panel-heading, .panel-warning .panel-heading a, .panel-success .panel-heading, .panel-success .panel-heading a { color: $gray-darker; } // different code tag code { background-color: $state-info-bg; color: $state-info-text; }