@use 'sass:color'; // Theme variables. // Color system $white: #fff; $gray-100: #f8f9fa; $gray-200: #e9ecef; $gray-300: #dee2e6; $gray-400: #ced4da; $gray-500: #adb5bd; $gray-600: #6c757d; $gray-700: #495057; $gray-800: #343a40; $gray-900: #212529; $black: #000; $primary: #37abe9; $danger: #a72431; $error: $danger; $secondary: #ff8f00; $warning: #ffbe42; $success: #239556; $debug: #5abccc; $info: #44c4dd; $light: $gray-100; $dark: $gray-800; // Body // Settings for the `` element. $body-bg: $gray-900; $body-color: $gray-400; // Links // Style anchor elements. $link-color: $info; $link-decoration: none; $link-hover-color: color.adjust($link-color, $lightness: -15%); // Components // Define common padding and border radius sizes and more. $border-color: $gray-200; $component-active-color: $gray-400; $component-active-bg: $primary; // Fonts // Font, line-height, and color for body text, headings, and more. $text-muted: $gray-600 !default; $blockquote-small-color: $gray-600 !default; $hr-border-color: rgba($black, .1) !default; $mark-bg: #fcf8e3 !default; // Forms $input-bg: $white; $input-disabled-bg: $gray-600; $input-color: $black; $input-border-color: rgba($gray-600, .15); $input-group-addon-bg: $gray-500; // Tables $table-cell-padding-y: 0.75rem; $table-cell-padding-x: 0.75rem; $table-striped-bg: $dark; // Dropdowns // Dropdown menu container and contents. $dropdown-bg: $gray-700; $dropdown-divider-bg: $gray-800; $dropdown-link-color: $body-color; $dropdown-link-hover-color: color.adjust($body-color, $lightness: -5%); $dropdown-link-hover-bg: $primary; $dropdown-link-active-color: $component-active-color; $dropdown-link-active-bg: $component-active-bg; $dropdown-header-color: color.adjust($body-color, $lightness: -25%); // Pagination $pagination-color: $link-color; $pagination-bg: $dark; $pagination-border-color: color.adjust($dark, $lightness: 5%); $pagination-hover-color: $link-hover-color; $pagination-hover-bg: $gray-900; $pagination-hover-border-color: $gray-800; $pagination-active-color: $body-color; $pagination-active-bg: $primary; $pagination-active-border-color: $primary; $pagination-disabled-color: $gray-600; $pagination-disabled-bg: $pagination-bg; $pagination-disabled-border-color: $pagination-border-color; // Cards $card-bg: $dark; $card-cap-bg: rgba($light, .05); // Progress bars $progress-bg: $gray-600; // List group $list-group-bg: $dark; $list-group-hover-bg: color.adjust($list-group-bg, $lightness: -5%); $list-group-active-color: $component-active-color !default; $list-group-active-bg: $component-active-bg !default; $list-group-active-border-color: $list-group-active-bg !default; $list-group-action-color: $gray-400; $list-group-action-hover-color: $list-group-action-color; // Breadcrumbs $breadcrumb-active-color: $gray-600; $breadcrumb-bg: none; $breadcrumb-padding-y: 0.75rem; $breadcrumb-padding-x: 1rem;