37 lines
715 B
CSS
37 lines
715 B
CSS
|
:root {
|
||
|
|
--tp-brand-rgb: 91, 75, 255;
|
||
|
|
--bs-primary-rgb: var(--tp-brand-rgb);
|
||
|
|
--bs-link-color-rgb: var(--tp-brand-rgb);
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-bs-theme="light"] {
|
||
|
|
--tp-page-accent: rgba(var(--tp-brand-rgb), .08);
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-bs-theme="dark"] {
|
||
|
|
--tp-page-accent: rgba(var(--tp-brand-rgb), .16);
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
min-height: 100vh;
|
||
|
|
background:
|
||
|
|
radial-gradient(circle at 85% 15%, var(--tp-page-accent), transparent 32rem),
|
||
|
|
var(--bs-body-bg);
|
||
|
|
}
|
||
|
|
|
||
|
|
.card,
|
||
|
|
.navbar,
|
||
|
|
.dropdown-menu,
|
||
|
|
.btn {
|
||
|
|
transition: background-color .2s ease, border-color .2s ease, color .2s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (prefers-reduced-motion: reduce) {
|
||
|
|
.card,
|
||
|
|
.navbar,
|
||
|
|
.dropdown-menu,
|
||
|
|
.btn {
|
||
|
|
transition: none;
|
||
|
|
}
|
||
|
|
}
|