feat(theming): adding initial light theme

mateoguzmana · Aug 21, 2022 · a3ca4ca · a3ca4ca
1 parent ab92ce6
commit a3ca4ca
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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,
 };