EditorTheme Overhaul

Prowl.Editor/DragDrop.cs

@@ -134,12 +134,12 @@ public static void DrawVisual(Paper paper)
             .Position((float)DragPosition.X + 12, (float)DragPosition.Y + 4)
             .Width(UnitValue.Auto).Height(22)
             .BackgroundColor(System.Drawing.Color.FromArgb(200, 40, 40, 45))
-            .BorderColor(EditorTheme.Accent).BorderWidth(1)
+            .BorderColor(EditorTheme.Purple400).BorderWidth(1)
             .Rounded(4).ChildLeft(6).ChildRight(6)
             .IsNotInteractable()
             .Layer(Layer.Topmost)
             .Text($"{Payload.Icon}  {Payload.DisplayName}", font)
-            .TextColor(EditorTheme.Text)
+            .TextColor(EditorTheme.Ink500)
             .FontSize(EditorTheme.FontSize - 2)
             .Alignment(TextAlignment.MiddleLeft);
     }

Prowl.Editor/EditorApplication.cs

@@ -248,7 +248,7 @@ private void DrawTitleFlap(Paper paper, int w, int h)
             .Position(w - 130, 0).Size(120, EditorTheme.MenuBarHeight)
             .IsNotInteractable()
             .Text($"Prowl v{version}", font)
-            .TextColor(EditorTheme.TextDim)
+            .TextColor(EditorTheme.Ink400)
             .FontSize(EditorTheme.FontSize - 2)
             .Alignment(TextAlignment.MiddleRight);
 
@@ -289,7 +289,7 @@ private void DrawTitleFlap(Paper paper, int w, int h)
                 float bl = cx - botW / 2f;
                 float br = cx + botW / 2f;
 
-                var nc = EditorTheme.Normal;
+                var nc = EditorTheme.Neutral300;
                 var flapColor = Prowl.Vector.Color32.FromArgb(nc.A, nc.R, nc.G, nc.B);
 
                 float r = rad;
@@ -314,7 +314,7 @@ private void DrawTitleFlap(Paper paper, int w, int h)
                 canvas.FillComplexAA();
 
                 // Outline (sides + bottom only)
-                var bc = EditorTheme.Bright;
+                var bc = EditorTheme.Ink200;
                 canvas.SetStrokeColor(Prowl.Vector.Color32.FromArgb(bc.A, bc.R, bc.G, bc.B));
                 canvas.SetStrokeWidth(1f);
                 canvas.BeginPath();
@@ -340,7 +340,7 @@ private void DrawTitleFlap(Paper paper, int w, int h)
             .Position(bx, flapContentY).Size(projW, EditorTheme.MenuBarHeight)
             .IsNotInteractable()
             .Text(projectText, font)
-            .TextColor(EditorTheme.Text)
+            .TextColor(EditorTheme.Ink500)
             .FontSize(EditorTheme.FontSize)
             .Alignment(TextAlignment.MiddleCenter);
 
@@ -351,7 +351,7 @@ private void DrawTitleFlap(Paper paper, int w, int h)
             .PositionType(PositionType.SelfDirected)
             .Position(bx, flapContentY + 4).Size(1, EditorTheme.MenuBarHeight - 8)
             .IsNotInteractable()
-            .BackgroundColor(EditorTheme.Border);
+            .BackgroundColor(EditorTheme.Ink200);
 
         bx += 10f;
 
@@ -362,7 +362,7 @@ private void DrawTitleFlap(Paper paper, int w, int h)
             .Rounded(4)
             .BackgroundColor(Application.IsPlaying ? System.Drawing.Color.FromArgb(255, 60, 160, 60) : System.Drawing.Color.Transparent)
             .Hovered.BackgroundColor(System.Drawing.Color.FromArgb(80, 255, 255, 255)).End()
-            .Text(EditorIcons.Play, font).TextColor(EditorTheme.Text).FontSize(14f)
+            .Text(EditorIcons.Play, font).TextColor(EditorTheme.Ink500).FontSize(14f)
             .Alignment(TextAlignment.MiddleCenter)
             .OnClick(0, (_, e) => Application.IsPlaying = !Application.IsPlaying);
 
@@ -375,7 +375,7 @@ private void DrawTitleFlap(Paper paper, int w, int h)
             .Rounded(4)
             .BackgroundColor(System.Drawing.Color.Transparent)
             .Hovered.BackgroundColor(System.Drawing.Color.FromArgb(80, 255, 255, 255)).End()
-            .Text(EditorIcons.Pause, font).TextColor(EditorTheme.Text).FontSize(14f)
+            .Text(EditorIcons.Pause, font).TextColor(EditorTheme.Ink500).FontSize(14f)
             .Alignment(TextAlignment.MiddleCenter);
 
         bx += btnSize + 4f;
@@ -387,7 +387,7 @@ private void DrawTitleFlap(Paper paper, int w, int h)
             .Rounded(4)
             .BackgroundColor(System.Drawing.Color.Transparent)
             .Hovered.BackgroundColor(System.Drawing.Color.FromArgb(80, 255, 255, 255)).End()
-            .Text(EditorIcons.ForwardStep, font).TextColor(EditorTheme.Text).FontSize(14f)
+            .Text(EditorIcons.ForwardStep, font).TextColor(EditorTheme.Ink500).FontSize(14f)
             .Alignment(TextAlignment.MiddleCenter);
 
         bx += btnSize + 8f;
@@ -397,7 +397,7 @@ private void DrawTitleFlap(Paper paper, int w, int h)
             .PositionType(PositionType.SelfDirected)
             .Position(bx, flapContentY + 4).Size(1, EditorTheme.MenuBarHeight - 8)
             .IsNotInteractable()
-            .BackgroundColor(EditorTheme.Border);
+            .BackgroundColor(EditorTheme.Ink200);
 
         bx += 10f;
 
@@ -407,7 +407,7 @@ private void DrawTitleFlap(Paper paper, int w, int h)
             .Position(bx, flapContentY).Size(fpsW, EditorTheme.MenuBarHeight)
             .IsNotInteractable()
             .Text(fpsText, font)
-            .TextColor(EditorTheme.Text)
+            .TextColor(EditorTheme.Ink500)
             .FontSize(EditorTheme.FontSize)
             .Alignment(TextAlignment.MiddleCenter);
     }

Prowl.Editor/EditorTheme.cs

@@ -29,51 +29,6 @@ public static class EditorTheme
     public static float TabCloseSize = 14f;
     public static float TabGap = 0f;
 
-    #region Outdated
-
-    // 4-shade system: Darkest → Dark → Normal → Bright
-    public static Color Background = Color.FromArgb(255, 10, 10, 12);// Background (near black)
-    public static Color Darkest = Color.FromArgb(255, 20, 20, 22);   // Menu bar
-    public static Color Dark = Color.FromArgb(255, 28, 28, 30);   // Background (near black)
-    public static Color Normal = Color.FromArgb(255, 37, 37, 40);   // Windows/panels
-    public static Color Bright = Color.FromArgb(255, 65, 65, 70);   // Scrollbar, outline
-
-    // Aliases for readability
-    public static Color MenuBarBackground => Darkest;
-    public static Color WindowBackground => Normal;
-    public static Color PanelBackground => Normal;
-    public static Color HeaderBackground = Color.FromArgb(255, 30, 30, 33);
-    public static Color InputBackground = Color.FromArgb(255, 28, 28, 30);
-    public static Color Border => Bright;
-
-    // Text
-    public static Color Text = Color.FromArgb(255, 220, 220, 220);
-    public static Color TextDim = Color.FromArgb(255, 150, 150, 150);
-    public static Color TextDisabled = Color.FromArgb(255, 90, 90, 90);
-
-    // Interactive
-    public static Color ButtonNormal = Color.FromArgb(255, 55, 55, 58);
-    public static Color ButtonHovered = Color.FromArgb(255, 70, 70, 74);
-    public static Color ButtonActive = Color.FromArgb(255, 40, 40, 43);
-
-    // Accent
-    public static Color Accent = Color.FromArgb(255, 51, 122, 183);
-    public static Color AccentDim = Color.FromArgb(255, 40, 90, 140);
-
-    // Borders
-    public static Color BorderFocused = Color.FromArgb(255, 51, 122, 183);
-
-    // Splitter
-    public static Color Splitter = Color.FromArgb(255, 25, 25, 25);
-    public static Color SplitterHovered = Color.FromArgb(255, 51, 122, 183);
-
-    // Tab
-    public static Color TabActive => Normal;
-    public static Color TabInactive => Darkest;
-    public static Color TabHovered = Color.FromArgb(255, 55, 55, 58);
-
-    #endregion
-
     // Static color palette for the application theme.
     // Built from 8 base colors: #101116, #16151A, #18191D, #1D1E22,
     // #563784, #82AAC6, #271D36, #CB594F.

Prowl.Editor/Inspector/AddComponentPopup.cs

@@ -66,28 +66,28 @@ public static void Draw(Paper paper)
         using (paper.Column("acp_modal")
             .Size(320, 450)
             .Margin(UnitValue.StretchOne)
-            .BackgroundColor(EditorTheme.Normal)
-            .BorderColor(EditorTheme.Bright).BorderWidth(1).Rounded(8)
+            .BackgroundColor(EditorTheme.Neutral300)
+            .BorderColor(EditorTheme.Ink200).BorderWidth(1).Rounded(8)
             .Layer(Layer.Overlay)
             .Enter())
         {
             // Header
             using (paper.Row("acp_header")
                 .Height(32).ChildLeft(12).ChildRight(8).RowBetween(8)
-                .BackgroundColor(EditorTheme.Darkest)
+                .BackgroundColor(EditorTheme.Neutral200)
                 .Enter())
             {
                 paper.Box("acp_title").Height(32)
                     .Text("Add Component", font)
-                    .TextColor(EditorTheme.Text)
+                    .TextColor(EditorTheme.Ink500)
                     .FontSize(EditorTheme.FontSize).Alignment(TextAlignment.MiddleLeft);
 
                 paper.Box("acp_spacer");
 
                 paper.Box("acp_close")
                     .Width(24).Height(24).Rounded(4)
                     .Hovered.BackgroundColor(Color.FromArgb(255, 180, 60, 60)).End()
-                    .Text(EditorIcons.Xmark, font).TextColor(EditorTheme.TextDim)
+                    .Text(EditorIcons.Xmark, font).TextColor(EditorTheme.Ink400)
                     .FontSize(12f).Alignment(TextAlignment.MiddleCenter)
                     .OnClick(0, (_, _) => Close());
             }
@@ -120,7 +120,7 @@ public static void Draw(Paper paper)
                     {
                         paper.Box("acp_empty").Height(40)
                             .Text("No matching components", font)
-                            .TextColor(EditorTheme.TextDisabled)
+                            .TextColor(EditorTheme.Ink300)
                             .FontSize(EditorTheme.FontSize - 2).Alignment(TextAlignment.MiddleCenter);
                     }
 
@@ -146,7 +146,7 @@ public static void Draw(Paper paper)
                         paper.Box($"acp_cat_{category.GetHashCode()}")
                             .Height(20).ChildLeft(8)
                             .Text(category, font)
-                            .TextColor(EditorTheme.TextDim)
+                            .TextColor(EditorTheme.Ink400)
                             .FontSize(EditorTheme.FontSize - 3).Alignment(TextAlignment.MiddleLeft);
 
                         foreach (var comp in group.OrderBy(c => c.Name))
@@ -157,7 +157,7 @@ public static void Draw(Paper paper)
                         // Small separator
                         paper.Box($"acp_sep_{category.GetHashCode()}")
                             .Height(1).Margin(8, 3, 8, 3)
-                            .BackgroundColor(EditorTheme.Border);
+                            .BackgroundColor(EditorTheme.Ink200);
                     }
                 }
             }
@@ -168,7 +168,7 @@ private static void DrawComponentItem(Paper paper, Prowl.Scribe.FontFile font, s
     {
         using (paper.Row(id)
             .Height(EditorTheme.RowHeight)
-            .Hovered.BackgroundColor(EditorTheme.Accent).End()
+            .Hovered.BackgroundColor(EditorTheme.Purple400).End()
             .Rounded(3).ChildLeft(8).RowBetween(6)
             .OnClick(comp.Type, (type, _) =>
             {
@@ -183,13 +183,13 @@ private static void DrawComponentItem(Paper paper, Prowl.Scribe.FontFile font, s
             // Icon
             paper.Box($"{id}_ico")
                 .Width(16).Height(EditorTheme.RowHeight)
-                .Text(comp.Icon, font).TextColor(EditorTheme.TextDim)
+                .Text(comp.Icon, font).TextColor(EditorTheme.Ink400)
                 .FontSize(11f).Alignment(TextAlignment.MiddleCenter);
 
             // Name
             paper.Box($"{id}_name")
                 .Height(EditorTheme.RowHeight)
-                .Text(comp.Name, font).TextColor(EditorTheme.Text)
+                .Text(comp.Name, font).TextColor(EditorTheme.Ink500)
                 .FontSize(EditorTheme.FontSize - 1).Alignment(TextAlignment.MiddleLeft);
         }
     }