artin/sourcegraph
1
0
Fork 0
mirror of https://github.com/sourcegraph/sourcegraph.git synced 2026-02-06 12:51:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Svelte: use Roboto Mono as monospace font (#63247)

Browse Source 
This adds Roboto Mono as the default monospace font for the Svelte
webapp. Previously, we were nominally using SF Mono, but that is not
installed by default and we were not fetching it, so the figma designs
looked different than what was being rendered in the web app. This uses
FontSource packages for the font for easy self-hosting (no external
requests).
This commit is contained in:
Camden Cheek 2024-06-13 09:41:31 -06:00 committed by GitHub
parent fb0e466ac3
commit 323034edac
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/web-sveltekit/BUILD.bazel
View File

@ -93,6 +93,7 @@ BUILD_DEPS = [
":node_modules/@sourcegraph/client-api",
":node_modules/@sourcegraph/common",
":node_modules/@fontsource-variable/inter",
":node_modules/@fontsource-variable/roboto-mono",
":node_modules/@sourcegraph/http-client",
":node_modules/@sourcegraph/shared",
":node_modules/@sourcegraph/web",

1
client/web-sveltekit/package.json
View File

@ -79,6 +79,7 @@
"dependencies": {
"@floating-ui/dom": "^1.6.3",
"@fontsource-variable/inter": "^5.0.18",
"@fontsource-variable/roboto-mono": "^5.0.19",
"@melt-ui/svelte": "^0.76.0",
"@sentry/sveltekit": "^8.7.0",
"@sourcegraph/branded": "workspace:*",

1
client/web-sveltekit/src/routes/+layout.svelte
View File

@ -10,6 +10,7 @@
import { isLightTheme, setAppContext } from '$lib/stores'
import { createTemporarySettingsStorage } from '$lib/temporarySettings'
import '@fontsource-variable/roboto-mono'
import '@fontsource-variable/inter'
import './styles.scss'

2
client/web-sveltekit/src/routes/svelte-overrides.scss
View File

@ -12,6 +12,8 @@ h6 {
body {
--font-family-base: 'Inter Variable', sans-serif;
--monospace-font-family: 'Roboto Mono Variable', monospace;
--code-font-family: var(--monospace-font-family);
--font-size-base: 0.9375rem;
--font-size-small: 0.875rem;
--font-size-tiny: 0.8125rem;

7
pnpm-lock.yaml
View File

@ -1554,6 +1554,9 @@ importers:
'@fontsource-variable/inter':
specifier: ^5.0.18
version: 5.0.18
'@fontsource-variable/roboto-mono':
specifier: ^5.0.19
version: 5.0.19
'@melt-ui/svelte':
specifier: ^0.76.0
version: 0.76.0(svelte@4.1.1)
@ -4214,6 +4217,10 @@ packages:
resolution: {integrity: sha512-rJzSrtJ3b7djiGFvRuTe6stDfbYJGhdQSfn2SI2WfXviee7Er0yKAHE5u7FU7OWVQQQ1x3+cxdmx9NdiAkcrcA==}
dev: false
/@fontsource-variable/roboto-mono@5.0.19:
resolution: {integrity: sha512-EGHx+Av6qNZf1XUM69eE1dwG3vtZHTpRETlkgt9BoRcN0T9xG+Boo/TzznmhI40CLI1zwBjmglEIu2qNI462Vw==}
dev: false
/@gql2ts/from-query@1.9.0(graphql@14.7.0):
resolution: {integrity: sha512-hfH2Oq3ikHu+zKE4b9kdGbzEqFiX+VxIg0nhgpY5iUgl975cAtTFhAdwfzr/jKdZhC9Ad5dE1CPrjEA+G7hzMg==}
peerDependencies: