Don't try and highlight plain text

src/app/[...file]/components/types/text.css.ts

@@ -21,9 +21,12 @@ export const group = style({
 
 export const line_numbers = style({
 	margin:       '0',
-	marginRight:  '0.5em',
-	paddingRight: '0.5em',
+	marginRight:  '1em',
 	color:        colors.foreground2,
 	textAlign:    'right',
 	userSelect:   'none',
 });
+
+export const plain = style({
+	margin: 0,
+});

src/app/[...file]/components/types/text.tsx

@@ -38,7 +38,6 @@ const type_map = {
 	json:       'json',
 	md:         'markdown',
 	markdown:   'markdown',
-	none:       'none',
 }
 
 export function map_to_type(extension?: string) {
@@ -68,24 +67,28 @@ export default function Text({ language, text, line_numbers }: { language: strin
 		};
 	});
 
+	console.log(language, language in type_map);
 	return <div className={style.group}>
 		{line_numbers ? <p className={style.line_numbers}>{lines.map((_, index) => `${index}\n`)}</p> : <></>}
-		<Highlight
-			theme={themes[light_theme ? 'nightOwlLight' : 'oneDark']}
-			code={text}
-			language={language}
-		>
-			{({ tokens, getLineProps, getTokenProps }) => (
-				<div>
-					{tokens.map((line, i) => (
-						<div key={i} {...getLineProps({ line })}>
-							{line.map((token, key) => (
-								<span key={key} {...getTokenProps({ token })} />
-							))}
-						</div>
-					))}
-				</div>
-			)}
-		</Highlight>
+		{language in type_map ?
+			<Highlight
+				theme={themes[light_theme ? 'nightOwlLight' : 'oneDark']}
+				code={text}
+				language={language}
+			>
+				{({ tokens, getLineProps, getTokenProps }) => (
+					<div>
+						{tokens.map((line, i) => (
+							<div key={i} {...getLineProps({ line })}>
+								{line.map((token, key) => (
+									<span key={key} {...getTokenProps({ token })} />
+								))}
+							</div>
+						))}
+					</div>
+				)}
+			</Highlight> :
+			<p className={style.plain}>{text}</p>
+		}
 	</div>;
 }