From a3ca4cabde70b756f1c7add0c04f9eeb0193aa02 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateo=20Guzm=C3=A1n?= <mateo.guzmanalvarez@gmail.com>
Date: Sun, 21 Aug 2022 10:10:28 +0200
Subject: [PATCH] feat(theming): adding initial light theme

---
 docs/docs/under-construction.mdx | 2 +-
 example/src/App.tsx              | 2 +-
 src/constants/theming.ts         | 3 +++
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/docs/docs/under-construction.mdx b/docs/docs/under-construction.mdx
index 1c54d23..fe6a0db 100644
--- a/docs/docs/under-construction.mdx
+++ b/docs/docs/under-construction.mdx
@@ -30,7 +30,7 @@ This library is still under construction. Below, a list of features that are cur
 ### General Improvements
 
 - More color themes
-- Smoother Animations (improve the feel of the animations)
+- Smoother animations (improve the feel of the animations)
 - Allow more configuration to all components in general. Sizes, colors, speed, radiuses, movements, e.t.c...
 - Component to spread any component within the screen as for example the stars and hearts which works similar.
 
diff --git a/example/src/App.tsx b/example/src/App.tsx
index ef75f71..fb11cfa 100644
--- a/example/src/App.tsx
+++ b/example/src/App.tsx
@@ -54,7 +54,7 @@ function App() {
           onPress={() => {
             setComponentToRender(
               <Balloons
-                theme={lightMode ? FiestaThemes.dark : FiestaThemes.default}
+                theme={lightMode ? FiestaThemes.dark : FiestaThemes.light}
               />
             );
           }}
diff --git a/src/constants/theming.ts b/src/constants/theming.ts
index 1c80d45..24d6e53 100644
--- a/src/constants/theming.ts
+++ b/src/constants/theming.ts
@@ -7,6 +7,7 @@ export const palette = {
   orange: 'rgba(255, 165, 0, 1)',
   pink: 'rgba(255, 192, 203, 1)',
   black: 'rgba(0, 0, 0, 0.8)',
+  white: 'rgba(255, 255, 255, 0.8)',
   golden: 'rgba(245, 229, 27, 0.5)',
   gray: 'rgba(246, 243, 245, 0.5)',
 };
@@ -22,8 +23,10 @@ const DefaultTheme = [
 ];
 
 const DarkTheme = [palette.black];
+const LightTheme = [palette.white];
 
 export const FiestaThemes = {
   default: DefaultTheme,
   dark: DarkTheme,
+  light: LightTheme,
 };