Skip to content

Commit d4e4dcd

Browse files
committed
Add dark mode styles to Support button
Add dark theme classes to the 'Become a backer/sponsor' link in Support.jsx to ensure proper text, border and hover colors in dark mode (dark:text, dark:border, dark:hover:bg, dark:hover:text). This improves visibility and consistency when the app uses a dark theme.
1 parent dda614d commit d4e4dcd

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

src/components/Support/Support.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -285,7 +285,7 @@ export default class Support extends Component {
285285

286286
<div className="w-full mt-4">
287287
<a
288-
className="inline-block py-[0.4em] px-[1em] uppercase text-[#175d96] border border-[#175d96] rounded-4xl transition-all duration-[250ms] hover:bg-[#175d96] hover:text-white"
288+
className="inline-block py-[0.4em] px-[1em] uppercase text-[#175d96] border border-[#175d96] rounded-4xl transition-all duration-[250ms] hover:bg-[#175d96] hover:text-white dark:text-[#4fa8ff] dark:border-[#4fa8ff] dark:hover:bg-[#4fa8ff] dark:hover:text-[#04131f]"
289289
href="https://opencollective.com/webpack#support"
290290
>
291291
Become a {rank === "backer" ? "backer" : "sponsor"}

0 commit comments

Comments
 (0)