maps-service/web/src/app/globals.scss

64 lines
1.6 KiB
SCSS
Raw Normal View History

2024-12-12 01:28:36 +00:00
$review-border: 1px solid var(--review-border);
$form-label-fontsize: 1.3rem;
2024-12-10 02:14:54 +00:00
@mixin border-with-radius {
border: $review-border {
radius: 5px;
}
}
:root {
2024-12-12 01:28:36 +00:00
color-scheme: light dark;
--page: white;
--header-grad-left: #363b40;
--header-grad-right: #353a40;
--header-button-left: white;
--header-button-right: #b4b4b4;
--header-button-hover: white;
--review-border: #c8c8c8;
--text-color: #1e1e1e;
--anchor-link-review: #008fd6;
--window-header: #f5f5f5;
--comment-highlighted: #ffffd7;
--comment-area: white;
--placeholder-text: rgb(150,150,150);
2024-12-12 01:28:36 +00:00
@media (prefers-color-scheme: dark) {
--page: rgb(15,15,15);
--header-grad-left: #363b40;
--header-grad-right: #353a40;
--header-button-left: white;
--header-button-right: #b4b4b4;
--header-button-hover: white;
--review-border: rgb(50,50,50);
--text-color: rgb(230,230,230);
--anchor-link-review: #008fd6;
--window-header: rgb(10,10,10);
--comment-highlighted: #ffffd7;
--comment-area: rgb(20,20,20);
--placeholder-text: rgb(80,80,80);
2024-12-12 01:28:36 +00:00
}
2024-12-10 02:14:54 +00:00
}
body {
font-family: -apple-system, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla";
box-sizing: border-box;
margin: 0;
2024-12-12 01:28:36 +00:00
background-color: var(--page);
2024-12-10 02:14:54 +00:00
}
button {
cursor: pointer;
}
a:active, a:link, a:hover {
text-decoration: none;
}
.spacer {
display: block;
width: 100%;
height: 1px;
background-color: var(--review-border);
2024-12-10 02:14:54 +00:00
}