Change font to one with a bold version; other style fixes
This commit is contained in:
parent
3ef7a7a07e
commit
5195700397
|
@ -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" />
|
||||
|
|
15
src/app.scss
15
src/app.scss
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -67,7 +67,7 @@
|
|||
}
|
||||
|
||||
&__matched-notes {
|
||||
color: var(--muted-color);
|
||||
color: var(--neutral-color);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue