// $Id$ // Amelia for Bootstrap 5 // Variables // - - - - - - - Bootstrap variables (override values in vendor_bundled/vendor/twbs/bootstrap/scss/_variables.scss - - - - - - // // Color system $gray-900: #212529; $gray-800: #343a40; $gray-700: #495057; $gray-600: #6c757d; $gray-500: #adb5bd; // lighten(#000000, 33.5%); // $gray-400: #ced4da; $gray-300: #dee2e6; $gray-200: #e9ecef; $gray-100: #f8f9fa ; $white: #fff; $black: #000; $primary: #F5CDC2; // #f5af9f; // #F3C9C9; $secondary: #E2CBCB; $success: #A5E4A0; $info: #D5CDEA; $warning: #E4D081; $danger: #EEC9AF; $dark: #ad1d28; $light: #5AE3ED; $theme-colors: ( "primary": #F5CDC2, // #f5af9f, //#F3C9C9, // #ad1d28, "secondary": #E2CBCB, // #c05a50, // #82241b, "success": #A5E4A0, // #81da78, // #48ca3b, "info": #D5CDEA, // #907bc7, // #4d3a7d, "warning": #E4D081, // #e0c96b, "danger": #EEC9AF, // #d98c56, "light": #5AE3ED, // #18cbd8, "dark": #ad1d28, // $black, ); // Options // Prefix for :root CSS variables $variable-prefix: bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix` $prefix: $variable-prefix !default; // Gradient // Spacing // Body $body-bg: #0c6369; // #108a93; WAI $body-color: #fff; // Utility maps // Links $link-color: lighten($warning, 15%); $link-hover-color: $link-color; $link-hover-decoration: underline; // Paragraphs // Grid breakpoints // Grid containers // Grid columns // Container padding //Components $padding-base-vertical: .5rem; $padding-large-vertical: .9rem; // Typography //Fonts $font-family-sans-serif: "Cabin", Arial, sans-serif; $headings-font-family: 'Lobster', cursive; $blockquote-footer-color: #E6E8EA; $text-muted: $gray-200; // Tables $table-head-bg: #108a93; $table-head-color: #fff; // Forms $input-bg: $gray-100; $input-color: $gray-800; $input-placeholder-color: #585E65; // Form validation // Z-index master list // Navs $nav-link-color: $link-color; $nav-tabs-link-active-color: $body-color; $nav-link-disabled-color: darken($nav-link-color, 10%); $nav-pills-link-active-bg: darken($body-bg, 8%); // Navbar $navbar-dark-color: $link-color; $navbar-dark-hover-color: lighten($navbar-dark-color, 25%); $navbar-dark-active-color: $navbar-dark-color; $navbar-dark-disabled-color: lighten($navbar-dark-color, 50%); $navbar-light-color: $black; $navbar-light-hover-color: rgba($black, .7) !default; $navbar-light-active-color: rgba($black, .9) !default; $navbar-light-disabled-color: rgba($black, .3) !default; // Navbar links // Dropdowns $dropdown-bg: #fff; $dropdown-border-color: #444; $dropdown-link-color: #444; $dropdown-link-hover-color: #fff; $dropdown-link-hover-bg: #15b5c1; // Pagination $pagination-bg: #0C5055; // Pagination $pagination-bg: $body-bg; $pagination-focus-color: darken($link-color,8%); $pagination-focus-bg: darken($pagination-bg,8%); $pagination-hover-color: $link-color; $pagination-hover-bg: lighten($pagination-bg,10%); $pagination-active-color: #fff; $pagination-active-bg: $dark; $pagination-disabled-color: $pagination-focus-color; $pagination-disabled-bg: #094344; // Jumbotron (retired) $jumbotron-bg: darken($body-bg, 5%); // Cards $card-bg: #0D6C73; $card-border-color: #0d747c; $card-cap-bg: #0D676E; // Accordion // scss-docs-start accordion-variables $accordion-padding-y: 1rem !default; $accordion-padding-x: 1.25rem !default; $accordion-color: var(--#{$prefix}body-color) !default; $accordion-bg: $body-bg !default; //$accordion-border-width: $border-width !default; $accordion-border-color: var(--#{$prefix}border-color) !default; //$accordion-border-radius: $border-radius !default; //$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default; //$accordion-body-padding-y: $accordion-padding-y !default; //$accordion-body-padding-x: $accordion-padding-x !default; //$accordion-button-padding-y: $accordion-padding-y !default; //$accordion-button-padding-x: $accordion-padding-x !default; $accordion-button-color: $accordion-color !default; $accordion-button-bg: $dark; // #ddb9af; // var(--#{$prefix}accordion-bg) !default; //$accordion-transition: $btn-transition, border-radius .15s ease !default; $accordion-button-active-bg: #6e0d0d; // tint-color($component-active-bg, 90%) !default; $accordion-button-active-color: #ddb9af; //shade-color($primary, 10%) !default; //$accordion-button-focus-border-color: $input-focus-border-color !default; //$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default; $accordion-icon-width: 1.25rem !default; $accordion-icon-color: $accordion-button-color !default; $accordion-icon-active-color: $accordion-button-active-color !default; $accordion-icon-transition: transform .2s ease-in-out !default; $accordion-icon-transform: rotate(-180deg) !default; $accordion-button-icon: url("data:image/svg+xml,") !default; $accordion-button-active-icon: url("data:image/svg+xml,") !default; // scss-docs-end accordion-variables // Tooltips // Popovers $popover-bg: #13a0aa; $popover-body-color: #fff; $popover-header-bg: #18cbd8; $popover-header-color: #fff; // Toasts // Badges $badge-color: #000; // Modals $modal-content-bg: $body-bg; // Alerts // Progress bars $progress-bg: $gray-200 !default; //$progress-border-radius: $border-radius !default; //$progress-box-shadow: $box-shadow-inset !default; $progress-bar-color: $black; // $white !default; $progress-bar-bg: $primary !default; // List group $list-group-bg: $body-bg; $list-group-color: darken($body-color, 8%); $list-group-disabled-color: darken($list-group-color, 10%); // Image thumbnails // Figures $figure-caption-color: $gray-100; // Breadcrumbs $breadcrumb-bg: #0C5055; $breadcrumb-active-color: #BDBDBD; // Carousel // Close // Offcanvas // Code // - - - - - - - - - - - - - - - - Other variables, if any - - - - - - - - - - - - - - - - - // $bg-dark: #ad1d28 !important; $navbar-dark-bg: #ad1d28 !important; $blockquote-color: #E6E8EA; $blockquote-left-border-color: #E6E8EA; $dropdown-item: $dropdown-link-color; //$megamenu-dropdown-link-color: $dropdown-link-color;