/*! * Bootstrap v5.x.x (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) * * Bootstrap-Nightshade (https://vinorodrigues.github.io/bootstrap-dark-5/) * Copyright 2020-2021 Vino Rodrigues * This version is a dual color theme, with the default light mode and the dark * elements optioned in by a `data-bs-color-scheme` data attribute in `` OR `` (and any other) tag. * @see: https://css-tricks.com/a-complete-guide-to-data-attributes/ * Why ``? See https://css-tricks.com/html-vs-body-in-css/#quirky-background-color */ // stylelint-disable-next-line scss/dollar-variable-default $enable-colors-hack: true; // Configuration @import "functions"; @import "dark/functions"; @import "variables"; // defaults are here @import "variables-alt"; // dark color set is here @import "mixins"; @import "dark/mixins-2"; // !!!! fix for issue #32 @import "utilities"; @import "dark/utilities"; @import "dark/patch"; // missing from BS, unsupported patch/hack // :root { color-scheme: light; } // !!!! fix for issue #33, do not set // Layout & components @import "root"; @import "dark/root-alts"; // !!!! fix for issue #35 @import "reboot"; @import "type"; @import "images"; @import "containers"; @import "grid"; @import "tables"; @import "forms"; @import "buttons"; @import "transitions"; @import "dropdown"; @import "button-group"; @import "nav"; @import "navbar"; @import "card"; @import "accordion"; @import "breadcrumb"; @import "pagination"; @import "badge"; @import "alert"; @import "progress"; @import "list-group"; @import "close"; @import "toasts"; @import "modal"; @import "tooltip"; @import "popover"; @import "carousel"; @import "spinners"; @import "offcanvas"; @import "placeholders"; // Helpers @import "helpers"; // Utilities @import "utilities/api"; /* * ---------- Dark Mode ------------------------------------------------------ */ @include color-scheme-alt("[data-bs-color-scheme=\"dark\"]") { // :root { color-scheme: dark; } // !!!! fix for issue #33, do not set // Layout & components // @import "dark/root"; // !!!! fix for issue #33, do not use `dark/root` @import "dark/reboot"; @import "dark/type"; @import "dark/images"; @import "dark/tables"; @import "dark/forms"; @import "dark/buttons-2"; // !!!! fix for issue #32 @import "dark/dropdown"; @import "dark/button-group"; @import "dark/nav"; @import "dark/navbar"; @import "dark/card"; @import "dark/accordion"; @import "dark/breadcrumb"; @import "dark/pagination"; @import "dark/badge"; @import "dark/alert"; @import "dark/progress"; @import "dark/list-group"; @import "dark/close"; @import "dark/toasts"; @import "dark/modal"; @import "dark/tooltip"; @import "dark/popover"; @import "dark/carousel"; @import "dark/offcanvas"; @import "dark/placeholders"; // Helpers @import "dark/helpers"; // Utilities @import "dark/utilities/api"; // Unique to dark-mode @import "dark/dark"; }