added colors

lib/pages/spaces_management/view/spaces_management_page.dart

@@ -1,8 +1,5 @@
-import 'dart:ui_web';
-
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
-import 'package:syncrow_web/common/custom_expansion_tile.dart';
 import 'package:syncrow_web/pages/common/buttons/add_space_button.dart';
 import 'package:syncrow_web/pages/spaces_management/model/community_model.dart';
 import 'package:syncrow_web/pages/spaces_management/model/space_model.dart';
@@ -10,7 +7,6 @@ import 'package:syncrow_web/pages/spaces_management/view/dialogs/create_space_di
 import 'package:syncrow_web/pages/spaces_management/view/sidebar_widget.dart';
 import 'package:syncrow_web/services/space_mana_api.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
-import 'package:syncrow_web/utils/constants/assets.dart';
 
 class SpaceManagementPage extends StatefulWidget {
   @override
@@ -88,7 +84,7 @@ class SpaceManagementPageState extends State<SpaceManagementPage> {
                     color: ColorsManager.whiteColors,
                     border: Border(
                       left: BorderSide(
-                          color: Colors.white,
+                          color: ColorsManager.whiteColors,
                           width: 1.0), // Light left border to match
                     ),
                   ),
@@ -104,8 +100,8 @@ class SpaceManagementPageState extends State<SpaceManagementPage> {
                           color: ColorsManager.whiteColors,
                           boxShadow: [
                             BoxShadow(
-                              color: Colors.black
+                              color: ColorsManager
-                                  .withOpacity(0.2), // Subtle shadow
+                                  .shadowBlackColor, // Subtle shadow
                               spreadRadius: 0, // No spread
                               blurRadius: 8, // Softer shadow edges
                               offset: Offset(0, 4), // Shadow only on the bottom
@@ -132,7 +128,7 @@ class SpaceManagementPageState extends State<SpaceManagementPage> {
                           child: Container(
                             width: 2000, // Large canvas
                             height: 2000, // Large canvas
-                            color: Colors.transparent, // Transparent background
+                            color: ColorsManager.transparentColor, // Transparent background
                             child: Stack(
                               clipBehavior: Clip.none,
                               children: [
@@ -180,8 +176,9 @@ class SpaceManagementPageState extends State<SpaceManagementPage> {
                   begin: Alignment.centerLeft,
                   end: Alignment.centerRight,
                   colors: [
-                    Color(0x3F000000).withOpacity(0.1), // Light gray
+                    ColorsManager.semiTransparentBlackColor
-                    Colors.transparent, // Transparent fade
+                        .withOpacity(0.1), // Light gray
+                    ColorsManager.transparentColor, // Transparent fade
                   ],
                 ),
               ),
@@ -278,7 +275,7 @@ class SpaceManagementPageState extends State<SpaceManagementPage> {
       width: 150,
       height: 60,
       decoration: BoxDecoration(
-        color: Colors.white,
+        color: ColorsManager.whiteColors,
         borderRadius: BorderRadius.circular(15),
         boxShadow: [
           BoxShadow(
@@ -295,7 +292,7 @@ class SpaceManagementPageState extends State<SpaceManagementPage> {
             width: 40,
             height: 60,
             decoration: const BoxDecoration(
-              color: Color(0xFF023DFE),
+              color: ColorsManager.secondaryColor,
               borderRadius: BorderRadius.only(
                 topLeft: Radius.circular(15),
                 bottomLeft: Radius.circular(15),
@@ -306,7 +303,6 @@ class SpaceManagementPageState extends State<SpaceManagementPage> {
                 spaces[index].icon,
                 width: 24,
                 height: 24,
-                color: Colors.white,
               ),
             ),
           ),
@@ -353,7 +349,7 @@ class SpaceManagementPageState extends State<SpaceManagementPage> {
           width: 30,
           height: 30,
           decoration: const BoxDecoration(
-            color: Color(0xFF023DFE),
+            color: ColorsManager.secondaryColor,
             shape: BoxShape.circle,
           ),
           child: const Icon(Icons.add, color: Colors.white, size: 20),
@@ -400,7 +396,7 @@ class CurvedLinePainter extends CustomPainter {
   @override
   void paint(Canvas canvas, Size size) {
     final paint = Paint()
-      ..color = Colors.black
+      ..color = ColorsManager.blackColor
       ..strokeWidth = 2
       ..style = PaintingStyle.stroke;
 
@@ -437,7 +433,7 @@ class CurvedLinePainter extends CustomPainter {
       }
 
       // Draw small connection dots at the start and end points
-      final dotPaint = Paint()..color = Colors.black;
+      final dotPaint = Paint()..color = ColorsManager.blackColor;
       canvas.drawCircle(start, 5, dotPaint); // Start dot
       canvas.drawCircle(end, 5, dotPaint); // End dot
     }

lib/utils/color_manager.dart

@@ -10,6 +10,8 @@ abstract class ColorsManager {
   static const Color whiteColors = Colors.white;
   static const Color secondaryColor = Color(0xFF023DFE);
   static const Color onSecondaryColor = Color(0xFF023DFE);
+  static Color shadowBlackColor = Colors.black.withOpacity(0.2);
+
 
   static Color dialogBlueTitle = Color(0xFF023DFE).withOpacity(0.6);
 
@@ -46,5 +48,8 @@ abstract class ColorsManager {
   static const Color textGreen = Color(0xFF008905);
   static const Color yaGreen = Color(0xFFFFBF44);
   static const Color checkBoxFillColor = Color(0xFFF3F3F3);
+  static const Color semiTransparentBlackColor = Color(0x3F000000);
+  static const Color transparentColor = Color(0x00000000)
+
 }
 //0036E6