// Light Blue variables // ------------------------- // ------------------------- // Colors // ------------------------ $white: #fff !default; $gray-100: #f8f8f8 !default; $gray-200: lighten(#000, 93.5%) !default; // #eee $gray-300: #ddd !default; $gray-400: lighten(#000, 60%) !default; // #999 $gray-500: #777 !default; $gray-600: #666 !default; $gray-700: #555 !default; $gray-800: lighten(#000, 13.5%) !default; // #222 $gray-900: #040620 !default; $black: #000 !default; $blue: #2477ff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #d63384 !default; $red: #dc3545 !default; $orange: #e49400 !default; $yellow: #ffc107 !default; $green: #198754 !default; $teal: #20c997 !default; $cyan: #0dcaf0 !default; $red-dark: #d04f4f !default; $lime: #8cbf26 !default; $brown: #a05000 !default; $violet: #333867 !default; $colors: ( 'blue': $blue, 'indigo': $indigo, 'purple': $purple, 'pink': $pink, 'red': $red, 'orange': $orange, 'yellow': $yellow, 'green': $green, 'teal': $teal, 'cyan': $cyan, 'red-dark': $red-dark, 'lime': $lime, 'brown': $brown, 'violet': $violet, 'black': $black, 'white': $white, 'gray': $gray-600, 'gray-dark': $gray-800, ) !default; $primary: $blue !default; $secondary: $gray-600 !default; $success: $green !default; $warning: $orange !default; $danger: $red !default; $info: $teal !default; $light: $gray-100 !default; $dark: $gray-900 !default; $theme-colors: ( 'primary': $primary, 'secondary': $secondary, 'success': $success, 'info': $info, 'warning': $warning, 'danger': $danger, 'light': $light, 'dark': $dark, ) !default; $prefix: mad- !default; $gradient: radial-gradient( farthest-side ellipse at 10% 0, rgba(220, 210, 200, 0.9), rgba(200, 198, 190, 0.89), rgba(210, 205, 200, 0.9) ) !default; $spacer: 1rem !default; $spacers: ( 0: 0, 1: $spacer * 0.25, 2: $spacer * 0.5, 3: $spacer * 0.75, 4: $spacer, 5: $spacer * 1.25, 6: $spacer * 1.5, 7: $spacer * 1.75, 8: $spacer * 2, 9: $spacer * 2.25, 10: $spacer * 2.5, 11: $spacer * 2.75, 12: $spacer * 3, ) !default; $main-color: $white; $bg-color: rgba($main-color, 0.425); $bg-addition: rgba($main-color, 0.3); $text-color: $gray-900; $text-bold: lighten($text-color, 3%); $text-muted: darken($text-color, 15%) !default; // Body // // Settings for the `` element. $body-bg: $bg-color !default; $body-color: $text-color !default; $body-image: url('../assets/background/bgnoise_lg.png') !default; // Links // // Style anchor elements. $link-color: #3360ae !default; $link-decoration: none !default; $link-shade-percentage: 20% !default; $link-hover-color: darken($link-color, $link-shade-percentage) !default; // Grid containers // // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( sm: 540px, md: 750px, lg: 970px, xl: 1170px, xxl: 1320px, ) !default; // Components // // Define common padding and border radius sizes and more. $border-color: transparent !default; $border-radius: 3px !default; $focus-ring-box-shadow: inset 0 1px 1px rgba($black, 0.075), 0 0 8px rgba(#66afe9, 0.6) !default; // Typography // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: 'Nanum Gothic', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default; $font-size-base: 13px !default; $font-size-xl: $font-size-base + 1 !default; $font-size-lg: $font-size-base * 1.25 !default; $font-size-sm: 12px !default; $font-size-xs: $font-size-base * 0.75 !default; $font-size-xxs: $font-size-base * 0.7 !default; $font-weight-lighter: lighter !default; $font-weight-light: 300 !default; $font-weight-normal: 400 !default; $font-weight-medium: 500 !default; $font-weight-semibold: 600 !default; $font-weight-bold: 700 !default; $font-weight-bolder: bolder !default; $font-weight-base: $font-weight-light !default; $line-height-base: 1.428571429 !default; // 20/14 $line-height-sm: 1.33 !default; $line-height-lg: 1.5 !default; $line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px $h1-font-size: $font-size-base * 2.75 !default; $h2-font-size: $font-size-base * 2.25 !default; $h3-font-size: $font-size-base * 1.75 !default; $h4-font-size: $font-size-base * 1.25 !default; $h5-font-size: $font-size-base !default; $h6-font-size: $font-size-base * 0.85 !default; $headings-margin: $spacer * 0.5 !default; $headings-font-weight: $font-weight-base !default; $headings-line-height: 1.1 !default; $small-font-size: $font-size-base * 0.875 !default; $blockquote-margin-y: 9px !default; $blockquote-font-size: $font-size-base !default; $blockquote-border-color: $bg-color; $hr-border-color: transparent !default; $hr-opacity: 1 !default; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-cell-padding-y-lg: 10px !default; $table-cell-padding-x-lg: 10px !default; $table-cell-padding-y-sm: 6px !default; $table-cell-padding-x-sm: 6px !default; $table-bg: $bg-color !default; $table-accent-bg: $bg-addition !default; $table-hover-bg: darken($bg-addition, 5%) !default; $table-border-color: rgba($main-color, 0.35) !default; // Buttons // // For each of Bootstrap's buttons, define text, background, and border color. $btn-color: $white !default; $btn-link-color: $link-color !default; $btn-link-hover-color: $link-hover-color !default; $btn-link-disabled-color: $text-muted !default; // Forms $input-bg: $bg-color !default; $input-disabled-bg: $bg-addition !default; $input-color: $text-color !default; $input-border-color: $bg-color !default; $input-focus-bg: $input-bg !default; $input-focus-border-color: #66afe9 !default; $input-focus-color: $input-color !default; $input-height: calc($line-height-computed + $font-size-sm) !default; $input-height-sm: (floor($font-size-sm * $line-height-sm) + 10px) !default; $input-group-addon-padding-y: 5px !default; $input-group-addon-padding-x: 12px !default; $input-group-addon-color: $text-muted !default; $input-group-addon-bg: $bg-addition !default; $input-group-addon-border-color: $input-border-color !default; $input-search-image: url(../assets/search/search.png); $form-select-color: $input-color !default; $form-select-bg: $input-bg !default; $form-select-disabled-bg: $input-disabled-bg !default; $form-select-border-color: $input-border-color !default; // Navs $nav-link-padding-y: 16px * 0.5 !default; $nav-link-color: $text-color !default; $nav-link-hover-bg: $bg-addition !default; $nav-tabs-border-color: transparent !default; $nav-tabs-border-width: 0 !default; $nav-tabs-link-active-color: $link-color !default; $nav-tabs-link-active-bg: $bg-addition !default; $nav-tabs-link-active-border-color: transparent; $nav-pills-link-bg: $bg-addition !default; $nav-pills-link-active-color: $text-bold !default; $nav-pills-link-active-bg: none !default; $nav-tabs-tab-content-bg: $bg-addition; // Dropdowns // // Dropdown menu container and contents. $dropdown-bg: rgba($bg-color, 0.85) !default; $dropdown-border-color: darken($dropdown-bg, 10%) !default; $dropdown-link-color: $text-color !default; $dropdown-link-hover-color: $white !default; $dropdown-link-hover-bg: $primary !default; $dropdown-header-color: $bg-addition !default; // Pagination $pagination-color: $text-color !default; $pagination-bg: rgba(#646464, 0.5) !default; $pagination-border-color: transparent !default; $pagination-hover-color: $white !default; $pagination-hover-bg: $bg-addition !default; $pagination-hover-border-color: transparent !default; $pagination-active-color: $text-color !default; $pagination-active-bg: $red-dark !default; $pagination-active-border-color: transparent !default; $pagination-disabled-color: $text-muted !default; $pagination-disabled-bg: transparent !default; $pagination-disabled-border-color: transparent !default; // Cards $card-border-color: $bg-addition !default; $card-bg: $bg-color !default; // Tooltips $tooltip-padding-x: $spacer * 0.25 !default; // Popovers $popover-bg: rgba($main-color, 0.85) !default; $popover-border-color: transparent !default; $popover-arrow-color: $popover-bg !default; // Modals $modal-header-border-color: $bg-addition !default; $modal-footer-border-color: $modal-header-border-color !default; // Progress bars $progress-bg: rgba(white, 0.15) !default; // List group $list-group-bg: $bg-color !default; $list-group-border-color: transparent !default; $list-group-hover-bg: $bg-addition !default; // Image thumbnails $thumbnail-bg: $bg-color !default; $thumbnail-border-color: transparent !default; // Breadcrumbs $breadcrumb-font-size: 12px !default; $breadcrumb-color: darken($text-color, 25%) !default; $breadcrumb-active-color: $text-color !default; $breadcrumb-divider: quote('>') !default; // Carousel $carousel-control-color: $text-color !default; $carousel-control-width: 6% !default; $carousel-control-opacity: 1 !default; $carousel-indicator-active-bg: $red !default; // Code $pre-color: $text-color !default; // Sidebar $wrap-margin: 185px; $sidebar-width: 160px; $sidebar-mt: 120px; $sidebar-color: $white; $sidebar-item-active-bg: rgba($black, 0.07); $sidebar-item-sub-active-bg: darken($sidebar-item-active-bg, 15%); // Widget $widget-padding-x: 17px; $widget-padding-y: 12px; @import 'variables-dark'; // TODO: can be removed safely in v6, only here to avoid breaking changes in v5.3