Newer
Older
@tailwind base;
@tailwind components;
@tailwind utilities;
@import '~@angular/cdk/overlay-prebuilt.css';
:root {
--warning: 38 92% 50%;
--color-error: 0 71% 49%;
--color-focus: 212 64% 47%;
--color-disabled: 206 14% 95%;
--color-disabled-dark: 208 12% 65%;
--color-background-secondary: 0 0% 98%;
--color-mainbg: 0 0% 100%;
--text: 0 0% 0%;
--color-primary-600: 212 80% 42%;
--color-primary-600-hover: 212, 80%, 42%, 0.9;
--color-background-50: 0 0% 100%;
--color-background-100: 0 0% 98%;
--color-background-200: 0 0% 90%;
--color-bewilligt-100: 122 100% 92%;
--color-bewilligt-700: 122 100% 29%;
--color-abgelehnt-100: 0 100% 92%;
--color-abgelehnt-500: 0 100% 60%;
--color-doc: 219 63% 54%;
}
.dark {
--color-focus: 43 100% 48%;
--color-disabled: 206 14% 15%;
--color-disabled-dark: 208 12% 33%;
--color-background-secondary: 0 0% 16%;
--color-mainbg: 0 0% 14%;
--text: 0 0% 100%;
--color-primary-600: 43 96% 58%;
--color-primary-600-hover: 43, 96%, 58%, 0.9;
--color-background-50: 0 0% 0%;
--color-background-200: 0 0% 16%;
--color-bewilligt-700: 122 100% 29%;
--color-doc: 219 63% 54%;
.bescheid-dialog-backdrop {
@apply bg-gray-500 bg-opacity-30 transition-opacity;
}
.blur-dialog-backdrop {
@apply bg-gray-400 bg-opacity-75 backdrop-blur-sm transition-opacity dark:bg-gray-500 dark:bg-opacity-75;
}