Change font to one with a bold version; other style fixes

This commit is contained in:
Dallas Hoffman 2023-09-24 00:19:57 -04:00
parent 3ef7a7a07e
commit 5195700397
3 changed files with 16 additions and 6 deletions

View File

@ -7,7 +7,10 @@
<meta name="color-scheme" content="dark light" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Mandali&display=swap" rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap"
rel="stylesheet"
/>
<link rel="icon" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />

View File

@ -6,12 +6,12 @@
@use 'bytemd/dist/index.css';
:root {
--font-family: 'Mandali', system-ui, -apple-system, 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell',
'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
--font-family: 'M PLUS Rounded 1c', system-ui, -apple-system, 'Segoe UI', 'Roboto', 'Ubuntu',
'Cantarell', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
--form-element-spacing-vertical: 0.3rem;
--form-element-spacing-horizontal: 0.45rem;
--muted-color: hsl(205 30% 85%);
--neutral-color: hsl(205 30% 85%);
--code-color: hsl(205 30% 30%);
--secondary-alt: hsl(205, 15%, 27%);
--card-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
@ -21,7 +21,6 @@
[data-theme='light'],
:root:not([data-theme='dark']) {
--background-color: hsl(202 18% 93%);
--muted-color: hsl(205 30% 85%);
--code-color: hsl(205 30% 30%);
}
@ -44,10 +43,18 @@ a,
--color: hsl(240, 85%, 54%);
}
form {
margin: 0;
}
button {
touch-action: manipulation;
}
hr {
border-top: 1px solid var(--form-element-border-color);
}
ul > li {
list-style: disc;
}

View File

@ -67,7 +67,7 @@
}
&__matched-notes {
color: var(--muted-color);
color: var(--neutral-color);
}
}
</style>