// -------------------------------------------------- // Variables used throughout the theme // -------------------------------------------------- // Layout dimensions // -------------------------------------------------- $small-width: 950px !default; $medium-width: 995px !default; $large-width: 1110px !default; // Primary color variables // -------------------------------------------------- $black: #333 !default; $white: #fff !default; $blue: #00aaff !default; $yellow: lighten(#FFFF00, 15%) !default; $red: #e45735 !default; $pink: #fa6c8d !default; $green: #009900 !default; $google: #5b76f7 !default; $facebook: #3b5998 !default; $cas: #70BA61 !default; $twitter: #00bced !default; $yahoo: #810293 !default; $github: #6d6d6d !default; // Base // -------------------------------------------------- $base-font-size: 14px !default; $base-line-height: 19px !default; $base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default; $base-background-color: lighten($black, 60%) !default; // Links // -------------------------------------------------- $link-color: $blue !default; $link-color-visited: darken($blue, 10%) !default; $link-color-hover: darken($blue, 10%) !default; $link-color-active: darken($blue, 10%) !default; // Badges // -------------------------------------------------- // Notification badge $badge-notification-background-color: lighten($black, 35%) !default; // Posts badge $badge-posts-color: lighten($black, 35%) !default; // Buttons // -------------------------------------------------- // Default button $btn-default-color: $black !default; $btn-default-background-color: lighten($black, 50%) !default; $btn-default-background-color-hover: lighten($black, 76%) !default; // Primary button $btn-primary-border-color: darken($blue, 10%) !default; $btn-primary-background-color: $blue !default; $btn-primary-background-color-dark: $blue !default; $btn-primary-background-color-light: lighten($blue, 30%) !default; // Danger button (delete, etc) $btn-danger-border-color: darken($red, 10%) !default; $btn-danger-background-color: $red !default; $btn-danger-background-color-dark: darken($red, 10%) !default; $btn-danger-background-color-light: $red !default; $btn-success-background: lighten($green, 5%); // Navigation menus // -------------------------------------------------- // Pill nav $nav-pills-color: $black !default; $nav-pills-color-hover: $red !default; $nav-pills-border-color-hover: lighten($red, 35%) !default; $nav-pills-background-color-hover: lighten($red, 35%) !default; $nav-pills-color-active: $red !default; $nav-pills-border-color-active: darken($red, 10%) !default; $nav-pills-background-color-active: $red !default; // Stacked nav $nav-stacked-color: $black !default; $nav-stacked-border-color: lighten($black, 60%) !default; $nav-stacked-background-color: lighten($black, 76%) !default; $nav-stacked-divider-color: lighten($black, 60%) !default; $nav-stacked-chevron-color: lighten($black, 50%) !default; $nav-stacked-border-color-active: $red !default; $nav-stacked-background-color-active: $red !default; // Button nav $nav-button-color: lighten($black, 35%) !default; $nav-button-color-hover: $black !default; $nav-button-background-color-hover: lighten($black, 60%) !default; $nav-button-color-active: $black !default; $nav-button-background-color-active: lighten($black, 60%) !default; // Header $modal-header-color: $red !default; $modal-header-border-color: lighten($black, 50%) !default; $modal-close-button-color: lighten($black, 50%); $nav-like-button-color-hover: $pink !default; $nav-like-button-background-color-hover: lighten($pink, 22%) !default; $nav-like-button-color-active: darken($pink, 10%) !default; $nav-like-button-background-color-active: lighten($pink, 22%) !default; // Topic list // -------------------------------------------------- $topic-list-border-color: lighten($black, 50%) !default; $topic-list-th-color: lighten($black, 35%) !default; $topic-list-th-border-color: lighten($black, 50%) !default; $topic-list-th-background-color: lighten($black, 76%) !default; $topic-list-td-color: lighten($black, 35%) !default; $topic-list-td-border-color: lighten($black, 60%) !default; $topic-list-star-color: lighten($black, 60%) !default; $topic-list-starred-color: $red !default; $quote-background: lighten($black, 76%); $topicMenuColor: darken($white, 80%); $bookmarkColor: $blue; // Basics // -------------------------------------------------- $primary_border_color: lighten($black, 70%); $secondary_border_color: lighten($black, 76%); $tertiary_border_color: $white; $highlight_border_color: $yellow; $emphasis_border_color: $blue; $warning_border_color: lighten($red, 20%); $success_border_color: $green; $primary_text_color: $black; $secondary_text_color: lighten($black, 40%); $tertiary_text_color: $white; $warning_text_color: $red; $success_text_color: $green; $emphasis_text_color: $blue; $highlight_text_color: $yellow; $like_color: $pink; $primary_shadow_color: $black; $secondary_shadow_color: $white; $warning_shadow_color: lighten($red, 20%); $success_shadow_color: $green; $highlight: $yellow; $link_color: darken($blue, 10%); $secondary_link_color: $white; $muted-link-color: lighten($black, 35%); $muted-important-link-color: lighten($black, 35%); $attention_bg: lighten($blue, 50%); $attention_fg: $blue; $header-item-highlight: lighten($blue, 45%); $primary_background_color: $white; $secondary_background_color: $black; $tertiary_background_color: lighten($black, 10%); $moderator_background_color: lighten($yellow, 30%) !default; $emphasis_background_color: lighten($blue, 45%); $success_background_color: lighten($green, 50%); $warning_background_color: lighten($red, 30%); $highlight_background_color: lighten($yellow, 23%); $like_background_color: lighten($pink, 25%); $heatmap-high: lighten($red, 10%); $heatmap-med: $red; $heatmap-low: darken($red, 10%); $coldmap-high: lighten($blue, 10%); $coldmap-med: $blue; $coldmap-low: darken($blue, 10%); //Composer $composer_background: lighten($black, 70%);