Use GitHub's custom fonts by alpharetzy

/* ==UserStyle==
@name         Use GitHub's custom fonts
@version      20250323.05.44
@namespace    https://userstyles.world/user/alpharetzy
@description  Uses Mona & Hubot Sans instead of the system's fontCode blocks use Atkinson Hyperlegible Mono instead of the system's monospace font
@author       alpharetzy
@license      No License
==/UserStyle== */

@-moz-document domain("github.com"), domain("githubstatus.com"), domain("githubusercontent.com") {
@font-face {
	font-family: Atkinson Hyperlegible Mono;
	src: url("https://github.com/googlefonts/atkinson-hyperlegible-next-mono/raw/refs/heads/main/fonts/webfonts/AtkinsonHyperlegibleMono%5Bwght%5D.woff2");
}

@font-face {
	font-family: Mona Sans;
	src: url("https://github.com/github/mona-sans/raw/refs/heads/main/fonts/webfonts-variable/MonaSansVF-Regular.woff2");
}

@font-face {
	font-family: Hubot Sans;
	src: url("https://github.com/github/hubot-sans/raw/refs/heads/main/fonts/variable/HubotSansVF-Regular.ttf");
}

:root {
	--fontStack-monospace: "Atkinson Hyperlegible Mono", ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
	--fontStack-sansSerif: "Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
	--fontStack-system: "Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
	--fontStack-sansSerifDisplay: "Hubot Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

body,
.markdown-body {
	font-family: var(--fontStack-sansSerif);
	font-feature-settings: "ss05" on, "ss07" on;
}

h1,
h2 {
	font-family: var(--fontStack-sansSerifDisplay);
	font-feature-settings: "ss02" on;
}
}

@-moz-document domain("githubusercontent.com") {
body,
.render-bar-with-modes,
.shell p {
	font-family: var(--fontStack-monospace);
}

@media (prefers-color-scheme: dark) {
	.render-shell {
		background-color: #121212;
	}

	.render-view-modes label.selected:before {
		color: #121212;
	}

	.render-bar {
		border-top: 1px solid rgb(44, 44, 44);
		background-color: rgb(44, 44, 44);
	}

	.render-view-modes label {
		border-right: 1px solid var(--borderColor-default);
		color: #fff;
	}

	.shell p {
		color: #cbcbcb;
	}
}
}