emma/akkoma-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

use system fonts by default

Browse source
This commit is contained in:
emma 2022-12-08 19:11:38 +00:00
parent 6ce12fc153
commit ce9d316a51
3 changed files with 17 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/App.scss
View file

@ -12,8 +12,8 @@ html {
}
body {
font-family: sans-serif;
font-family: var(--interfaceFont, sans-serif);
font-family: $system-sans-serif;
font-family: var(--interfaceFont, $system-sans-serif);
margin: 0;
color: $fallback--text;
color: var(--text, $fallback--text);

16
src/_variables.scss
View file

@ -4,7 +4,7 @@ $darkened-background: whitesmoke;
$fallback--bg: #121a24;
$fallback--fg: #182230;
$fallback--faint: rgba(185, 185, 186, .5);
$fallback--faint: rgba(185, 185, 186, 0.5);
$fallback--text: #b9b9ba;
$fallback--link: #d8a070;
$fallback--icon: #666;
@ -16,8 +16,8 @@ $fallback--cBlue: #0095ff;
$fallback--cGreen: #0fa00f;
$fallback--cOrange: orange;
$fallback--alertError: rgba(211,16,20,.5);
$fallback--alertWarning: rgba(111,111,20,.5);
$fallback--alertError: rgba(211, 16, 20, 0.5);
$fallback--alertWarning: rgba(111, 111, 20, 0.5);
$fallback--panelRadius: 10px;
$fallback--checkboxRadius: 2px;
@ -28,6 +28,14 @@ $fallback--avatarRadius: 4px;
$fallback--avatarAltRadius: 10px;
$fallback--attachmentRadius: 10px;
$fallback--buttonShadow: 0px 0px 2px 0px rgba(0, 0, 0, 1), 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;
$fallback--buttonShadow: 0px 0px 2px 0px rgba(0, 0, 0, 1),
0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset,
0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;
$status-margin: 0.75em;
$system-sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir,
segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial,
sans-serif;
$system-mono: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console,
monospace;

4
src/components/rich_content/rich_content.scss
View file

@ -1,3 +1,5 @@
@import '../../_variables.scss';
.RichContent {
blockquote {
margin: 0.2em 0 0.2em 2em;
@ -13,7 +15,7 @@
kbd,
var,
pre {
font-family: var(--postCodeFont, monospace);
font-family: var(--postCodeFont, $system-mono);
}
p {