fix some styles

site/src/routes/_layout.svelte

@@ -6,20 +6,23 @@
 </script>
 
 <style>
+	:global(html) {
+		--prime: rgb(21, 151, 148) !important; /* TODO remove .theme-default from shared, so we don't need !important */
+	}
+
 	main {
 		position: relative;
 		margin: 0 auto;
 		/* padding: var(--nav-h) var(--side-nav) 0 var(--side-nav); */
 		padding: var(--nav-h) 0 0 0;
 		overflow-x: hidden;
-		--prime: rgb(21, 151, 148);
 	}
 </style>
 
 <Icons/>
 
 <Nav {segment} {page} logo="sapper-logo-horizontal.svg">
-	<NavItem segment="guide">Guide</NavItem>
+	<NavItem segment="docs">Docs</NavItem>
 
 	<NavItem external="https://svelte.dev">Svelte</NavItem>
 

site/src/routes/docs/index.svelte

@@ -319,18 +319,19 @@
 	}
 
 	section > :global(.code-block) > :global(pre) {
-		display: inline-block;
-		background: var(--back-api);
+		/* display: inline-block; */
+		/* background: var(--back-api);
 		color: white;
 		padding: .3rem .8rem;
-		margin: 0;
+		margin: 0; */
 		max-width: 100%;
+		width: var(--linemax);
 	}
 
-	section > :global(.code-block)> :global(pre.language-markup) {
+	/* section > :global(.code-block)> :global(pre.language-markup) {
 		padding: .3rem .8rem .2rem;
 		background: var(--back-api);
-	}
+	} */
 
 	section > :global(p) {
 		max-width: var(--linemax)

site/src/template.html

@@ -21,6 +21,20 @@
 	     lazily loaded when it precaches secondary pages -->
 	%sapper.styles%
 
+	<style>
+		.hljs, .hljs-subst { color: #333; }
+		.hljs-comment { color: #999; }
+		.hljs-tag { color: #170; }
+		.hljs-keyword { color: #708; }
+		.hljs-attr { color: #333; }
+		.hljs-number { color: #164; }
+		.hljs-type, .hljs-string, .hljs-selector-id, .hljs-selector-class, .hljs-quote, .hljs-template-tag, .hljs-deletion { color: rgb(16,94,16); }
+		.hljs-title, .hljs-section { color: rgb(16,94,16); }
+		.hljs-literal { color: #170; }
+		.hljs-meta { color: #555; }
+		.hljs-meta-string { color: #555; }
+	</style>
+
 	<!-- This contains the contents of the <svelte:head> component, if
 	     the current page has one -->
 	%sapper.head%