49 lines
1.0 KiB
SCSS
49 lines
1.0 KiB
SCSS
:root {
|
|
--bs-body-bg: #fff;
|
|
--bs-body-color: #212529;
|
|
--bs-navbar-bg: #f8f9fa;
|
|
--bs-navbar-color: rgba(0, 0, 0, 0.55);
|
|
--bs-navbar-active-color: rgba(0, 0, 0, 0.9);
|
|
--bs-jumbotron-bg: #e9ecef;
|
|
--bs-jumbotron-color: #212529;
|
|
}
|
|
|
|
.dark-theme {
|
|
--bs-body-bg: #212529;
|
|
--bs-body-color: #f8f9fa;
|
|
--bs-navbar-bg: #343a40;
|
|
--bs-navbar-color: rgba(255, 255, 255, 0.55);
|
|
--bs-navbar-active-color: rgba(255, 255, 255, 0.9);
|
|
--bs-jumbotron-bg: #343a40;
|
|
--bs-jumbotron-color: #f8f9fa;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--bs-body-bg);
|
|
color: var(--bs-body-color);
|
|
}
|
|
|
|
.navbar {
|
|
background-color: var(--bs-navbar-bg) !important;
|
|
}
|
|
|
|
.navbar-light .navbar-nav .nav-link {
|
|
color: var(--bs-navbar-color);
|
|
}
|
|
|
|
.navbar-light .navbar-nav .nav-link.active {
|
|
color: var(--bs-navbar-active-color);
|
|
}
|
|
|
|
.navbar-dark .navbar-nav .nav-link {
|
|
color: var(--bs-navbar-color);
|
|
}
|
|
|
|
.navbar-dark .navbar-nav .nav-link.active {
|
|
color: var(--bs-navbar-active-color);
|
|
}
|
|
|
|
.jumbotron {
|
|
background-color: var(--bs-jumbotron-bg) !important;
|
|
color: var(--bs-jumbotron-color);
|
|
} |