docs: make logos easier to see

privatenumber · Jul 22, 2024 · 1affdd0 · 1affdd0
1 parent 7d38e42
commit 1affdd0
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/docs/.vitepress/theme/styles.css b/docs/.vitepress/theme/styles.css
@@ -13,3 +13,13 @@
 		duration-200
 		;
 }
+
+.dark .dark-zebra-pattern {
+	background-image: repeating-linear-gradient(
+		45deg,
+		transparent,
+		transparent 10px,
+		rgb(0 0 0/ 0.05) 10px,
+		rgb(0 0 0/ 0.05) 20px
+	);
+}
diff --git a/docs/faq.md b/docs/faq.md
@@ -29,7 +29,7 @@ _tsx_ is recognized by both [Node.js](https://nodejs.org/en/learn/getting-starte
 
 ### Companies
 
-<div class="logos">
+<div class="logos dark-zebra-pattern">
 <ImageLink
 	alt="Vercel"
 	href="https://github.com/search?q=path%3Apackage.json+%22%5C%22tsx%5C%22%3A+%5C%22%22+org%3Avercel&type=code"
@@ -123,7 +123,7 @@ _tsx_ is recognized by both [Node.js](https://nodejs.org/en/learn/getting-starte
 </div>
 
 ### Projects
-<div class="logos">
+<div class="logos dark-zebra-pattern">
 <ImageLink
 	alt="Node.js"
 	href="https://github.com/search?q=path%3Apackage.json+%22%5C%22tsx%5C%22%3A+%5C%22%22+org%3Anodejs&type=code"

diff --git a/docs/index.md b/docs/index.md
@@ -54,7 +54,7 @@ Iterate on your code faster and boost productivity!
 
 <a href="/faq#who-uses-tsx" class="!no-underline">Who uses _tsx_?</a>
 
-<Marquee class="mt-6 dark:bg-zinc-800 py-6" :velocity="20">
+<Marquee class="mt-6 dark:bg-zinc-800 dark-zebra-pattern py-6" :velocity="20">
 <div class="flex gap-6 items-center min-w-full">
 <ImageLink
 	class="h-12"