From 051d3633588d5694cc88f6202e8ef2f0f406c642 Mon Sep 17 00:00:00 2001
From: xxSeys1 <kaktusreiniger@gmail.com>
Date: Fri, 14 Mar 2025 15:51:36 +0100
Subject: [PATCH] add alpha grid background

---
 Source/Editor/EditorAssets.cs            | 5 +++++
 Source/Editor/GUI/Input/ColorValueBox.cs | 9 +++++++++
 2 files changed, 14 insertions(+)

diff --git a/Source/Editor/EditorAssets.cs b/Source/Editor/EditorAssets.cs
index bdfc7dfa6..d30ca91c0 100644
--- a/Source/Editor/EditorAssets.cs
+++ b/Source/Editor/EditorAssets.cs
@@ -134,6 +134,11 @@ namespace FlaxEditor
         /// </summary>
         public static string FlaxIconBlueTexture = "Engine/Textures/FlaxIconBlue";
 
+        /// <summary>
+        /// The checkboard material used as a background for displaying transparent colors.
+        /// </summary>
+        public static string ColorAlphaBackgroundGrid = "Editor/AlphaBackgroundGrid";
+
         /// <summary>
         /// The icon lists used by editor from the SegMDL2 font.
         /// </summary>
diff --git a/Source/Editor/GUI/Input/ColorValueBox.cs b/Source/Editor/GUI/Input/ColorValueBox.cs
index 1416ccc58..1893c4124 100644
--- a/Source/Editor/GUI/Input/ColorValueBox.cs
+++ b/Source/Editor/GUI/Input/ColorValueBox.cs
@@ -14,7 +14,12 @@ namespace FlaxEditor.GUI.Input
     [HideInEditor]
     public class ColorValueBox : Control
     {
+        private const String ScaleParamName = "Scale";
+        // 4.8 is a magic number that makes the grid fit perfect in the color value box
+        private const float GridScale = 4.8f;
+
         private bool _isMouseDown;
+        private MaterialBase checkerMaterial;
 
         /// <summary>
         /// Delegate function used for the color picker events handling.
@@ -101,6 +106,9 @@ namespace FlaxEditor.GUI.Input
         public ColorValueBox()
         : base(0, 0, 32, 18)
         {
+            checkerMaterial = FlaxEngine.Content.LoadAsyncInternal<MaterialBase>(EditorAssets.ColorAlphaBackgroundGrid);
+            checkerMaterial = checkerMaterial.CreateVirtualInstance();
+            checkerMaterial.SetParameterValue(ScaleParamName, GridScale);
         }
 
         /// <summary>
@@ -138,6 +146,7 @@ namespace FlaxEditor.GUI.Input
             if (isTransparent)
             {
                 var alphaRect = new Rectangle(colorRect.Right, 0, Width - colorRect.Right, Height);
+                Render2D.DrawMaterial(checkerMaterial, alphaRect);
                 Render2D.FillRectangle(alphaRect, _value);
             }