// Light Blue Dark color mode variables // ------------------------- // ------------------------- $gradient-dark: radial-gradient( farthest-side ellipse at 10% 0, rgba(139, 129, 118, 0.9), rgba(78, 76, 71, 0.89), rgba(102, 98, 92, 0.9) ) !default; $main-color-dark: #333; // Body // // Settings for the `` element. $body-color-dark: $gray-100 !default; $body-bg-dark: rgba($main-color-dark, 0.425) !default; $secondary-color-dark: lighten($body-color-dark, 3%) !default; $secondary-bg-dark: rgba($main-color-dark, 0.3) !default; $tertiary-color-dark: rgba($body-color-dark, 0.5) !default; $tertiary-bg-dark: rgba($main-color-dark, 0.5) !default; $body-image-dark: url('../assets/background/bgnoise_lg_dark.png') !default; $text-muted-dark: darken($body-color-dark, 15%) !default; // Links // // Style anchor elements. $link-color-dark: #a4c6ff !default; $link-hover-color-dark: lighten($link-color-dark, $link-shade-percentage) !default; // Typography // // Font, line-height, and color for body text, headings, and more. $blockquote-border-color-dark: $body-bg-dark; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-bg-dark: $body-bg-dark !default; $table-accent-bg-dark: $secondary-bg-dark !default; $table-hover-bg-dark: rgba($main-color-dark, 0.2) !default; $table-border-color-dark: rgba($main-color-dark, 0.35) !default; // Buttons // // For each of Bootstrap's buttons, define text, background, and border color. $btn-link-color-dark: $link-color-dark !default; $btn-link-hover-color-dark: $link-hover-color-dark !default; $btn-link-disabled-color-dark: $text-muted-dark !default; // Forms $input-bg-dark: $body-bg-dark !default; $input-disabled-bg-dark: $secondary-bg-dark !default; $input-color-dark: $body-color-dark !default; $input-border-color-dark: $body-bg-dark !default; $input-focus-bg-dark: $input-bg-dark !default; $input-focus-color-dark: $input-color-dark !default; $input-group-addon-color-dark: $text-muted-dark !default; $input-group-addon-bg-dark: $secondary-bg-dark !default; $input-group-addon-border-color-dark: $input-border-color-dark !default; $input-search-image-dark: url(../assets/search/search-white.png); $form-select-color-dark: $input-color-dark !default; $form-select-bg-dark: $input-bg-dark !default; $form-select-disabled-bg-dark: $input-disabled-bg-dark !default; $form-select-border-color-dark: $input-border-color-dark !default; // Navs $nav-link-color-dark: $body-color-dark !default; $nav-link-hover-bg-dark: $secondary-bg-dark !default; $nav-tabs-link-active-color-dark: $link-color-dark !default; $nav-tabs-link-active-bg-dark: $secondary-bg-dark !default; $nav-pills-link-bg-dark: $secondary-bg-dark !default; $nav-pills-link-active-color-dark: $secondary-color-dark !default; $nav-tabs-tab-content-bg-dark: $secondary-bg-dark; // Dropdowns // // Dropdown menu container and contents. $dropdown-bg-dark: rgba($body-bg-dark, 0.85) !default; $dropdown-border-color-dark: darken($dropdown-bg-dark, 10%) !default; $dropdown-link-color-dark: $body-color-dark !default; $dropdown-header-color-dark: $secondary-bg-dark !default; // Pagination $pagination-color-dark: $body-color-dark !default; $pagination-hover-bg-dark: $secondary-bg-dark !default; $pagination-active-color-dark: $body-color-dark !default; $pagination-active-bg-dark: $red-dark !default; $pagination-disabled-color-dark: $text-muted-dark !default; // Cards $card-border-color-dark: $secondary-bg-dark !default; $card-bg-dark: $body-bg-dark !default; // Popovers $popover-bg-dark: rgba($main-color-dark, 0.85) !default; $popover-arrow-color-dark: $popover-bg-dark !default; // Modals $modal-header-border-color-dark: $secondary-bg-dark !default; $modal-footer-border-color-dark: $modal-header-border-color-dark !default; // Progress bars $progress-bg-dark: rgba(black, 0.15) !default; // List group $list-group-bg-dark: $body-bg-dark !default; $list-group-hover-bg-dark: $secondary-bg-dark !default; // Image thumbnails $thumbnail-bg-dark: $body-bg-dark !default; // Breadcrumbs $breadcrumb-color-dark: darken($body-color-dark, 25%) !default; $breadcrumb-active-color-dark: $body-color-dark !default; // Carousel $carousel-control-color-dark: $body-color-dark !default; $carousel-indicator-active-bg-dark: $red !default; // Code $pre-color-dark: $body-color-dark !default;