colin
/
sticky-notes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app.html
View File

@ -7,7 +7,10 @@
<meta name="color-scheme" content="dark light" /> <meta name="color-scheme" content="dark light" />
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <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" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />

15
src/app.scss
View File

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

2
src/lib/components/filter-tags.svelte
View File

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