From 1affdd03107795bea75b35d20e43253504990e62 Mon Sep 17 00:00:00 2001
From: Hiroki Osame <hiroki.osame@gmail.com>
Date: Mon, 22 Jul 2024 15:43:53 +0900
Subject: [PATCH] docs: make logos easier to see

---
 docs/.vitepress/theme/styles.css | 10 ++++++++++
 docs/faq.md                      |  4 ++--
 docs/index.md                    |  2 +-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/docs/.vitepress/theme/styles.css b/docs/.vitepress/theme/styles.css
index 233e69ad0..c4f07e50c 100644
--- 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
index 62356cfba..64abc7d36 100644
--- 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
index 10d7d9c45..6bffe3b70 100644
--- 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"