MapComplete/assets/themes/natuurpunt/natuurpunt.css
2022-02-01 19:02:46 +01:00

74 lines
No EOL
1.5 KiB
CSS

:root {
--subtle-detail-color: #007759;
--subtle-detail-color-contrast: #ffffff;
--subtle-detail-color-light-contrast: white;
--unsubtle-detail-color: #b34f26;
--unsubtle-detail-color-contrast: #ffffff;
--catch-detail-color: #FE6F32;
--catch-detail-color-contrast: #ffffff;
--alert-color: #fee4d1;
--background-color: white;
--foreground-color: #007759;
--popup-border: white;
--shadow-color: #00000066;
--variable-title-height: 0px; /* Set by javascript */
--return-to-the-map-height: 2em;
--image-carousel-height: 350px;
}
@font-face{
font-family:"Open Sans Regular";
src:url("./assets/themes/natuurpunt/fonts/OpenSans-Regular.ttf");
}
@font-face{
font-family:"Amaranth";
src:url("./assets/themes/natuurpunt/fonts/Amaranth-Regular.otf");
}
body {
--non-active-tab-svg: #556c5c;
font-family: 'Open Sans Regular', sans-serif;
}
.layer-toggle .alert {
background: unset !important;
padding: 0 !important;
}
.layer-toggle svg path {
fill: var(--foreground-color) !important;
}
.layer-toggle .alert::before {
content: " - "
}
h1, h2, h3, h4 {
font-family: 'Amaranth', sans-serif;
}
.tab-non-active svg {
fill: white !important;
stroke: white !important;
}
.tab-non-active svg path {
fill: white !important;
stroke: white !important;
}
.md\:rounded-xl {
border-radius: unset !important;
}
.rounded-lg {
border-radius: unset !important;
}
.rounded-3xl {
border-radius: unset !important;
}