Front End Track Gallery Controls

- Theming adjustments (still needs a lot of work)

DeepDrftWeb.Client/Layout/MainLayout.razor

@@ -56,41 +56,64 @@
 
     private readonly PaletteLight _lightPalette = new()
     {
-        Black = "#110e2d",
-        AppbarText = "#424242",
-        AppbarBackground = "rgba(255,255,255,0.8)",
-        DrawerBackground = "#ffffff",
-        GrayLight = "#e8e8e8",
-        GrayLighter = "#f9f9f9",
+        Primary = "#9370DB",           // MediumPurple - stronger but still pastel
+        Secondary = "#F4A460",         // SandyBrown - warm pastel orange
+        Tertiary = "#FF1493",          // DeepPink - vibrant accent (kept neon)
+        Info = "#8A2BE2",             // BlueViolet - stronger purple info
+        Success = "#98FB98",          // PaleGreen - soft success
+        Warning = "#FFEAA7",          // Light peach - soft warning
+        Error = "#FFB6C1",            // LightPink - soft error
+        Black = "#2F2F2F",            // Dark gray for text
+        White = "#FFFFFF",            // Pure white
+        Surface = "#FFFAF0",          // FloralWhite - creamy surface
+        Background = "#FAF0E6",       // Linen - warm cream background
+        AppbarText = "#2F2F2F",       // Dark text on light appbar
+        AppbarBackground = "rgba(211,180,221,0.90)", // Translucent plum - more presence
+        DrawerBackground = "#D3B4DD", // Plum drawer - stronger presence
+        TextPrimary = "#2F2F2F",      // Dark primary text
+        TextSecondary = "#6B6B6B",    // Medium gray secondary text
+        GrayLight = "#E6E6FA",        // Lavender - light purple-tinted gray
+        GrayLighter = "#F8F8FF",      // GhostWhite - very light purple-tinted
+        GrayDefault = "#BC8F8F",      // RosyBrown - warm gray
+        GrayDark = "#8B4513",         // SaddleBrown - warm dark gray
+        Divider = "#E6E6FA",          // Lavender - soft purple divider lines
+        TableLines = "#E6E6FA",       // Lavender - soft table lines
     };
 
     private readonly PaletteDark _darkPalette = new()
     {
-        Primary = "#7e6fff",
-        Surface = "#1e1e2d",
-        Background = "#1a1a27",
-        BackgroundGray = "#151521",
-        AppbarText = "#92929f",
-        AppbarBackground = "rgba(26,26,39,0.8)",
-        DrawerBackground = "#1a1a27",
-        ActionDefault = "#74718e",
-        ActionDisabled = "#9999994d",
-        ActionDisabledBackground = "#605f6d4d",
-        TextPrimary = "#b2b0bf",
-        TextSecondary = "#92929f",
-        TextDisabled = "#ffffff33",
-        DrawerIcon = "#92929f",
-        DrawerText = "#92929f",
-        GrayLight = "#2a2833",
-        GrayLighter = "#1e1e2d",
-        Info = "#4a86ff",
-        Success = "#3dcb6c",
-        Warning = "#ffb545",
-        Error = "#ff3f5f",
-        LinesDefault = "#33323e",
-        TableLines = "#33323e",
-        Divider = "#292838",
-        OverlayLight = "#1e1e2d80",
+        Primary = "#FF69B4",          // HotPink - softer magenta for dark mode
+        Secondary = "#4B0082",        // Indigo - deep purple from logo
+        Tertiary = "#8A2BE2",         // BlueViolet - purple accent instead of blue
+        Info = "#9370DB",            // MediumPurple - purple info instead of blue
+        Success = "#00FF7F",         // SpringGreen - bright success
+        Warning = "#FFD700",         // Gold - warning color
+        Error = "#FF6347",           // Tomato - error color
+        Black = "#000000",           // Pure black
+        White = "#FFFFFF",           // Pure white
+        Surface = "#2D1B4E",         // Dark purple - surface with purple tint
+        Background = "#0D0D0D",      // Near black - very dark background
+        BackgroundGray = "#1A1A1A",  // Very dark gray
+        AppbarText = "#FFFFFF",      // White text on dark appbar
+        AppbarBackground = "rgba(45,27,78,0.95)", // Translucent dark purple
+        DrawerBackground = "#2D1B4E", // Dark purple drawer
+        DrawerIcon = "#E0E0E0",      // Light gray icons
+        DrawerText = "#E0E0E0",      // Light gray drawer text
+        ActionDefault = "#BDBDBD",   // Light gray for actions
+        ActionDisabled = "#757575",  // Medium gray for disabled
+        ActionDisabledBackground = "#2F2F2F", // Dark gray background
+        TextPrimary = "#FFFFFF",     // White primary text
+        TextSecondary = "#E0E0E0",   // Light gray secondary text
+        TextDisabled = "#757575",    // Disabled text
+        GrayLight = "#424242",       // Light gray in dark mode
+        GrayLighter = "#2F2F2F",     // Lighter gray in dark mode
+        GrayDefault = "#757575",     // Default gray
+        GrayDark = "#BDBDBD",        // Dark gray (inverted for dark mode)
+        Divider = "#424242",         // Medium gray divider lines
+        LinesDefault = "#424242",    // Default lines
+        TableLines = "#424242",      // Table lines
+        OverlayLight = "rgba(0,0,0,0.7)", // Dark overlay
+        OverlayDark = "rgba(255,255,255,0.1)", // Light overlay for dark mode
     };
 
     public string DarkLightModeButtonIcon => _isDarkMode switch