feat: change intro color to black for all themes

getAlby · Jul 9, 2024 · 3ef8aa9 · 3ef8aa9
1 parent e401a1e
commit 3ef8aa9
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 1 deletion.
diff --git a/frontend/src/screens/Intro.tsx b/frontend/src/screens/Intro.tsx
@@ -43,7 +43,7 @@ export function Intro() {
   }, [api]);
 
   return (
-    <Carousel className={cn("w-full bg-background")} setApi={setApi}>
+    <Carousel className={cn("w-full bg-introBackground")} setApi={setApi}>
       <div
         className="w-full h-full absolute top-0 left-0 bg-no-repeat"
         style={{

diff --git a/frontend/src/themes/alby.css b/frontend/src/themes/alby.css
@@ -1,5 +1,6 @@
 .theme-alby {
   --background: 0 0% 100%;
+  --intro-background: 240 10% 3.9%;
   --foreground: 0 0% 5%;
   --card: 0 0% 100%;
   --card-foreground: 0 0% 5%;
@@ -23,6 +24,7 @@
 
 .theme-alby.dark {
   --background: 0 0% 3%;
+  --intro-background: 240 10% 3.9%;
   --foreground: 0 0% 98%;
 
   --card: 0 0% 3%;

diff --git a/frontend/src/themes/bitcoin.css b/frontend/src/themes/bitcoin.css
@@ -1,5 +1,6 @@
 .theme-bitcoin {
   --background: 0 0% 100%;
+  --intro-background: 240 10% 3.9%;
   --foreground: 0 0% 5%;
 
   --card: 0 0% 100%;
@@ -32,6 +33,7 @@
 
 .theme-bitcoin.dark {
   --background: 60 3% 6%;
+  --intro-background: 240 10% 3.9%;
   --foreground: 0 0% 98%;
 
   --card: 60 3% 6%;

diff --git a/frontend/src/themes/default.css b/frontend/src/themes/default.css
@@ -1,5 +1,6 @@
 .theme-default {
   --background: 0 0% 100%;
+  --intro-background: 240 10% 3.9%;
   --foreground: 240 10% 3.9%;
   --card: 0 0% 100%;
   --card-foreground: 240 10% 3.9%;
@@ -25,6 +26,7 @@
 
 .theme-default.dark {
   --background: 240 10% 3.9%;
+  --intro-background: 240 10% 3.9%;
   --foreground: 0 0% 98%;
   --card: 240 10% 3.9%;
   --card-foreground: 0 0% 98%;

diff --git a/frontend/src/themes/nostr.css b/frontend/src/themes/nostr.css
@@ -1,5 +1,6 @@
 .theme-nostr {
   --background: 270 8% 95%;
+  --intro-background: 240 10% 3.9%;
   --foreground: 270 8% 5%;
 
   --card: 270 8% 95%;
@@ -32,6 +33,7 @@
 
 .theme-nostr.dark {
   --background: 300 4% 5%;
+  --intro-background: 240 10% 3.9%;
   --foreground: 0 0% 98%;
 
   --card: 300 4% 5%;

diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
@@ -28,6 +28,7 @@ module.exports = {
         input: "hsl(var(--input))",
         ring: "hsl(var(--ring))",
         background: "hsl(var(--background))",
+        introBackground: "hsl(var(--intro-background))",
         foreground: "hsl(var(--foreground))",
         primary: {
           DEFAULT: "hsl(var(--primary))",