From 61c1983aabe0ec6672be8e7475bbb12b98962bf5 Mon Sep 17 00:00:00 2001
From: Aaron Leopold <36278431+aaronleopold@users.noreply.github.com>
Date: Sat, 27 Apr 2024 22:02:48 -0700
Subject: [PATCH] :adhesive_bandage: Fix dark styles in light theme

Backport the main stylistic fix from https://github.com/stumpapp/stump/pull/322. This does not include some of the small improvements to the light mode, though, just the small fix.
---
 .../browser/src/scenes/book-club/home/BookClubNavigation.tsx    | 2 +-
 packages/browser/src/scenes/library/LibraryNavigation.tsx       | 2 +-
 packages/browser/src/scenes/series/SeriesNavigation.tsx         | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/browser/src/scenes/book-club/home/BookClubNavigation.tsx b/packages/browser/src/scenes/book-club/home/BookClubNavigation.tsx
index 9b746bf01..c5323c3f0 100644
--- a/packages/browser/src/scenes/book-club/home/BookClubNavigation.tsx
+++ b/packages/browser/src/scenes/book-club/home/BookClubNavigation.tsx
@@ -55,7 +55,7 @@ export default function BookClubNavigation() {
 	const preferTopBar = primary_navigation_mode === 'TOPBAR'
 
 	return (
-		<div className="sticky top-0 z-10 w-full border-b border-gray-75 bg-white md:relative md:top-[unset] md:z-[unset] dark:border-gray-850 dark:bg-gray-975">
+		<div className="sticky top-0 z-10 w-full border-b border-edge bg-background md:relative md:top-[unset] md:z-[unset]">
 			<nav
 				className={cn(
 					'-mb-px flex gap-x-6 overflow-x-scroll px-3 scrollbar-hide md:overflow-x-hidden',
diff --git a/packages/browser/src/scenes/library/LibraryNavigation.tsx b/packages/browser/src/scenes/library/LibraryNavigation.tsx
index 77112ade4..abbd6a960 100644
--- a/packages/browser/src/scenes/library/LibraryNavigation.tsx
+++ b/packages/browser/src/scenes/library/LibraryNavigation.tsx
@@ -54,7 +54,7 @@ export default function LibraryNavigation() {
 	const preferTopBar = primary_navigation_mode === 'TOPBAR'
 
 	return (
-		<div className="sticky top-0 z-10 w-full border-b border-gray-75 bg-white md:relative md:top-[unset] md:z-[unset] dark:border-gray-850 dark:bg-gray-975">
+		<div className="sticky top-0 z-10 w-full border-b border-edge bg-background md:relative md:top-[unset] md:z-[unset]">
 			<nav
 				className={cn(
 					'-mb-px flex gap-x-6 overflow-x-scroll px-3 scrollbar-hide md:overflow-x-hidden',
diff --git a/packages/browser/src/scenes/series/SeriesNavigation.tsx b/packages/browser/src/scenes/series/SeriesNavigation.tsx
index 9c36d5982..54868c51a 100644
--- a/packages/browser/src/scenes/series/SeriesNavigation.tsx
+++ b/packages/browser/src/scenes/series/SeriesNavigation.tsx
@@ -48,7 +48,7 @@ export default function SeriesNavigation() {
 	const preferTopBar = primary_navigation_mode === 'TOPBAR'
 
 	return (
-		<div className="sticky top-0 z-10 w-full border-b border-gray-75 bg-white md:relative md:top-[unset] md:z-[unset] dark:border-gray-850 dark:bg-gray-975">
+		<div className="sticky top-0 z-10 w-full border-b border-edge bg-background md:relative md:top-[unset] md:z-[unset]">
 			<nav
 				className={cn(
 					'-mb-px flex gap-x-6 overflow-x-scroll px-3 scrollbar-hide md:overflow-x-hidden',