docs: adjust fonts for readability

This commit is contained in:
Jan De Dobbeleer 2022-07-27 13:24:48 +02:00 committed by Jan De Dobbeleer
parent 9a18590107
commit 1899896c6d
2 changed files with 21 additions and 2 deletions

View file

@ -13,6 +13,10 @@ module.exports = {
path.resolve(__dirname, 'plugins', 'appinsights'),
'docusaurus-node-polyfills'
],
stylesheets: [
"https://rsms.me/inter/inter.css",
"https://fonts.googleapis.com/css2?family=Fira+Code&display=swap"
],
themeConfig: {
prism: {
additionalLanguages: ['powershell', 'lua', 'jsstacktrace', 'toml'],
@ -133,8 +137,8 @@ module.exports = {
},
theme: {
customCss: [
require.resolve('./src/css/custom.css'),
require.resolve('./src/css/prism-rose-pine-moon.css')
require.resolve('./src/css/prism-rose-pine-moon.css'),
require.resolve('./src/css/custom.css')
],
},
},

View file

@ -171,6 +171,21 @@ a.getStarted_Sjon {
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(226deg) brightness(102%) contrast(101%);
}
/* Fonts */
:root {
--ifm-font-family-monospace: "Inter";
--ifm-font-family-base: "Inter"
}
code {
font-family: 'Fira Code', monospace;
}
code[class*="language-"], pre[class*="language-"] {
font-family: 'Fira Code', monospace;
}
/* Dev settings */
[data-theme="dark"] .themedImage_node_modules-\@docusaurus-theme-classic-lib-theme-ThemedImage-styles-module {