64 lines
1.6 KiB
SCSS
64 lines
1.6 KiB
SCSS
$review-border: 1px solid var(--review-border);
|
|
$form-label-fontsize: 1.3rem;
|
|
|
|
@mixin border-with-radius {
|
|
border: $review-border {
|
|
radius: 5px;
|
|
}
|
|
}
|
|
|
|
:root {
|
|
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);
|
|
|
|
@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);
|
|
}
|
|
}
|
|
|
|
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;
|
|
background-color: var(--page);
|
|
}
|
|
|
|
button {
|
|
cursor: pointer;
|
|
}
|
|
|
|
a:active, a:link, a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.spacer {
|
|
display: block;
|
|
width: 100%;
|
|
height: 1px;
|
|
background-color: var(--review-border);
|
|
} |