63 lines
1.5 KiB
CSS
63 lines
1.5 KiB
CSS
@tailwind base;
|
|
|
|
@tailwind components;
|
|
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
body {
|
|
@apply bg-white dark:bg-gray-900;
|
|
}
|
|
|
|
h1 {
|
|
@apply text-4xl lg:text-5xl leading-none font-extrabold tracking-tight mt-5 mb-4 sm:mt-7 sm:mb-5;
|
|
}
|
|
|
|
h2 {
|
|
@apply text-xl mt-2;
|
|
}
|
|
|
|
h3 {
|
|
@apply text-lg;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.mbz-card {
|
|
@apply block bg-mbz-yellow-alt-300 hover:bg-mbz-yellow-alt-200 text-violet-title dark:text-white dark:hover:text-white rounded-lg dark:border-violet-title shadow-md dark:bg-mbz-purple dark:hover:dark:bg-mbz-purple-400 dark:text-white dark:hover:text-white;
|
|
}
|
|
}
|
|
|
|
:root {
|
|
/* TODO Try to change the primary color but without success */
|
|
--oruga-primary: #1e7d97;
|
|
--oruga-variant-primary: #1e7d97;
|
|
|
|
/* So force change the primary color for each component */
|
|
--oruga-radio-active-background-color: #1e7d97;
|
|
--oruga-switch-checked-background: #1e7d97;
|
|
|
|
/* We want transparent background for buttons
|
|
instead of oruga default primay color */
|
|
--oruga-checkbox-background-color: white;
|
|
--oruga-checkbox-active-background-color: white;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--oruga-variant-primary: #1e7d97;
|
|
|
|
--oruga-field-label-color: white;
|
|
|
|
--oruga-table-background-color: #111827;
|
|
--oruga-table-th-color: white;
|
|
|
|
--oruga-modal-content-background-color: #111827;
|
|
|
|
--oruga-dropdown-item-color: white;
|
|
--oruga-dropdown-menu-background: #111827;
|
|
--oruga-dropdown-item-hover-color: white;
|
|
--oruga-dropdown-item-hover-background-color: #111827;
|
|
}
|
|
}
|