be-components 3.4.2 → 3.4.3

package/src/constants/useColors.tsx

@@ -4,8 +4,10 @@ import Colors from "./colors"
 
 export const useColors = () => {
     let color_scheme = useColorScheme()
-
+    let absolutes = Colors
+    
     let light_theme = {
+        absolutes,
         toggle:{
             background: Colors.shades.shade100,
             button: {
@@ -59,7 +61,7 @@ export const useColors = () => {
         borders: {
             light: Colors.shades.shade600,
             dark: Colors.accents.accent100,
-            input: Colors.shades.shade400
+            input: Colors.shades.shade500
 
         },
         text: {
@@ -82,6 +84,7 @@ export const useColors = () => {
     }
 
     let dark_theme = {
+        absolutes,
         toggle:{
             background: Colors.shades.blackFadedHeavy,
             button: {
@@ -123,7 +126,7 @@ export const useColors = () => {
             },
         },
         views: {
-            background: Colors.shades.black, // #111111
+            background: 'rgba(17, 17, 17, 0.9)', // #111111
             header: Colors.shades.blackFadedHeavy, // **(NEW)** #222831
             body: Colors.shades.shade500,
             input: Colors.shades.black_faded,
@@ -136,7 +139,7 @@ export const useColors = () => {
 
         },
         borders: {
-            light: Colors.shades.shade400, // Slightly lighter gray for subtle contrast in dark mode
+            light: Colors.shades.shade500, // Slightly lighter gray for subtle contrast in dark mode
             dark: Colors.accents.accent200, // Deeper accent color for strong contrast
             input: Colors.shades.shade500
         },
@@ -160,6 +163,5 @@ export const useColors = () => {
     };
     const MyColors = color_scheme == 'dark' ? dark_theme : light_theme
     return MyColors
-    
 }