diff --git a/web/src/lib/components/repo/BlobHeader.svelte b/web/src/lib/components/repo/BlobHeader.svelte
index 319038f4e..4818510e3 100644
--- a/web/src/lib/components/repo/BlobHeader.svelte
+++ b/web/src/lib/components/repo/BlobHeader.svelte
@@ -11,7 +11,7 @@
 	import ColorBall from "$lib/components/ui/ColorBall.svelte";
 	import CopyButton from "$lib/components/ui/CopyButton.svelte";
 	import Separator from "$lib/components/ui/Separator.svelte";
-	import { LANGUAGE_COLORS, LANGUAGE_COLOR_FALLBACK } from "./language-colors";
+	import { LANGUAGE_COLORS, LANGUAGE_COLOR_FALLBACK } from "./languageColors";
 	import RefChip from "./RefChip.svelte";
 	import RepoCrumbs from "./RepoCrumbs.svelte";
 	import { baseName, fileHistoryHref, rawBlobHref } from "./urls";
diff --git a/web/src/lib/components/repo/BlobView.svelte b/web/src/lib/components/repo/BlobView.svelte
index 4adee6015..5dd883208 100644
--- a/web/src/lib/components/repo/BlobView.svelte
+++ b/web/src/lib/components/repo/BlobView.svelte
@@ -2,7 +2,7 @@
 	import { untrack } from "svelte";
 	import { hasTextView, type BlobKind, type RepoBlobView } from "$lib/api/blob";
 	import BlobHeader from "./BlobHeader.svelte";
-	import { languageForPath } from "./language-colors";
+	import { languageForPath } from "./languageColors";
 	import LastCommitPanel from "./LastCommitPanel.svelte";
 	import PierreFile from "./PierreFile.svelte";
 	import { baseName, rawBlobHref } from "./urls";
diff --git a/web/src/lib/components/repo/LanguageBar.svelte b/web/src/lib/components/repo/LanguageBar.svelte
index d5bcdc867..21ed4f16b 100644
--- a/web/src/lib/components/repo/LanguageBar.svelte
+++ b/web/src/lib/components/repo/LanguageBar.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import ColorBall from "$lib/components/ui/ColorBall.svelte";
-	import { LANGUAGE_COLORS, LANGUAGE_COLOR_FALLBACK } from "./language-colors";
+	import { LANGUAGE_COLORS, LANGUAGE_COLOR_FALLBACK } from "./languageColors";
 	import type { LanguageSlice } from "./types";
 
 	interface Props {
diff --git a/web/src/lib/components/repo/RepoCardContent.svelte b/web/src/lib/components/repo/RepoCardContent.svelte
index e0e50b280..8dd7ba45d 100644
--- a/web/src/lib/components/repo/RepoCardContent.svelte
+++ b/web/src/lib/components/repo/RepoCardContent.svelte
@@ -5,7 +5,9 @@
 	import GitFork from "$icon/git-fork";
 	import CircleDot from "$icon/circle-dot";
 	import GitPullRequest from "$icon/git-pull-request";
+	import ColorBall from "$lib/components/ui/ColorBall.svelte";
 	import StarButton from "./StarButton.svelte";
+	import { LANGUAGE_COLORS, LANGUAGE_COLOR_FALLBACK } from "./languageColors";
 	import type { RepoCardData, StarChange } from "$lib/components/profile/types";
 	import { formatCount } from "$lib/format";
 	let {
diff --git a/web/src/lib/components/repo/language-colors.ts b/web/src/lib/components/repo/languageColors.ts
similarity index 97%
rename from web/src/lib/components/repo/language-colors.ts
rename to web/src/lib/components/repo/languageColors.ts
index 43d07ec7b..136c850d7 100644
--- a/web/src/lib/components/repo/language-colors.ts
+++ b/web/src/lib/components/repo/languageColors.ts
@@ -1,7 +1,3 @@
-// language colours as the appview renders them, ported from go-enry's
-// LanguagesColor, itself extracted from github/linguist 537297cdae3a
-// the knot names languages with enry too, so these keys line up
-
 export const LANGUAGE_COLORS: Record<string, string> = {
 	"1C Enterprise": "#814CCC",
 	"2-Dimensional Array": "#38761D",
@@ -671,8 +667,6 @@ export const LANGUAGE_COLORS: Record<string, string> = {
 
 export const LANGUAGE_COLOR_FALLBACK = "#cccccc";
 
-// the blob xrpc doesn't carry a language, fall back to extension and
-// special-filename guesses
 const EXTENSION_LANGUAGES: Record<string, string> = {
 	astro: "Astro",
 	c: "C",
@@ -739,7 +733,6 @@ const FILENAME_LANGUAGES: Record<string, string> = {
 	"cargo.lock": "TOML"
 };
 
-// best-effort enry name for a path, null when nothing matches
 export const languageForPath = (path: string): string | null => {
 	const filename = (path.split("/").pop() ?? path).toLowerCase();
 	const byName = FILENAME_LANGUAGES[filename];
diff --git a/web/src/lib/components/search/FileMatch.svelte b/web/src/lib/components/search/FileMatch.svelte
index b627c1120..5089bd114 100644
--- a/web/src/lib/components/search/FileMatch.svelte
+++ b/web/src/lib/components/search/FileMatch.svelte
@@ -7,7 +7,8 @@
 		Chunk,
 		FileResult
 	} from "$lib/api/lexicons/types/org/tangled/temp/search/searchCode";
-	import { LANGUAGE_COLORS, LANGUAGE_COLOR_FALLBACK } from "$lib/components/repo/language-colors";
+	import { LANGUAGE_COLORS, LANGUAGE_COLOR_FALLBACK } from "$lib/components/repo/languageColors";
+	import ColorBall from "$lib/components/ui/ColorBall.svelte";
 	import { chunkLines, matchCount, type Span } from "./chunks";
 
 	// rest of the chunks go behind a "show more" disclosure
diff --git a/web/src/lib/components/search/SearchSidebar.svelte b/web/src/lib/components/search/SearchSidebar.svelte
index d47796fd5..3792b8da3 100644
--- a/web/src/lib/components/search/SearchSidebar.svelte
+++ b/web/src/lib/components/search/SearchSidebar.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
-	import { LANGUAGE_COLORS, LANGUAGE_COLOR_FALLBACK } from "$lib/components/repo/language-colors";
+	import { LANGUAGE_COLORS, LANGUAGE_COLOR_FALLBACK } from "$lib/components/repo/languageColors";
+	import ColorBall from "$lib/components/ui/ColorBall.svelte";
 	import SearchTabs from "./SearchTabs.svelte";
 
 	const LANGUAGES = [