Rework chrome.yaml format and panel rendering.

2019-12-20 23:02:10 +00:00
parent 0b8a367867
commit f3d7bf403e
13 changed files with 2766 additions and 3512 deletions
--- a/OpenRA.Game/Graphics/ChromeProvider.cs
+++ b/OpenRA.Game/Graphics/ChromeProvider.cs
@@ -9,23 +9,52 @@
 */
 #endregion

+using System;
 using System.Collections.Generic;
 using System.Linq;
 using OpenRA.FileSystem;
+using OpenRA.Primitives;

 namespace OpenRA.Graphics
 {
-	public static class ChromeProvider
+	[Flags]
+	public enum PanelSides
 	{
-		struct Collection
-		{
-			public string Src;
-			public Dictionary<string, MappedImage> Regions;
+		Left = 1,
+		Top = 2,
+		Right = 4,
+		Bottom = 8,
+		Center = 16,
+
+		Edges = Left | Top | Right | Bottom,
+		All = Edges | Center,
 	}

+	public static class PanelSidesExts
+	{
+		public static bool HasSide(this PanelSides self, PanelSides m)
+		{
+			// PERF: Enum.HasFlag is slower and requires allocations.
+			return (self & m) == m;
+		}
+	}
+
+	public static class ChromeProvider
+	{
+		public class Collection
+		{
+			public readonly string Image = null;
+			public readonly int[] PanelRegion = null;
+			public readonly PanelSides PanelSides = PanelSides.All;
+			public readonly Dictionary<string, Rectangle> Regions = new Dictionary<string, Rectangle>();
+		}
+
+		public static IReadOnlyDictionary<string, Collection> Collections { get; private set; }
 		static Dictionary<string, Collection> collections;
 		static Dictionary<string, Sheet> cachedSheets;
 		static Dictionary<string, Dictionary<string, Sprite>> cachedSprites;
+		static Dictionary<string, Sprite[]> cachedPanelSprites;
+
 		static IReadOnlyFileSystem fileSystem;

 		public static void Initialize(ModData modData)
@@ -36,11 +65,15 @@ namespace OpenRA.Graphics
 			collections = new Dictionary<string, Collection>();
 			cachedSheets = new Dictionary<string, Sheet>();
 			cachedSprites = new Dictionary<string, Dictionary<string, Sprite>>();
+			cachedPanelSprites = new Dictionary<string, Sprite[]>();
+
+			Collections = new ReadOnlyDictionary<string, Collection>(collections);

 			var chrome = MiniYaml.Merge(modData.Manifest.Chrome
 				.Select(s => MiniYaml.FromStream(fileSystem.Open(s), s)));

 			foreach (var c in chrome)
+				if (!c.Key.StartsWith("^", StringComparison.Ordinal))
 					LoadCollection(c.Key, c.Value);
 		}

@@ -53,37 +86,32 @@ namespace OpenRA.Graphics
 			collections = null;
 			cachedSheets = null;
 			cachedSprites = null;
-		}
-
-		public static void Save(string file)
-		{
-			var root = new List<MiniYamlNode>();
-			foreach (var kv in collections)
-				root.Add(new MiniYamlNode(kv.Key, SaveCollection(kv.Value)));
-
-			root.WriteToFile(file);
-		}
-
-		static MiniYaml SaveCollection(Collection collection)
-		{
-			var root = new List<MiniYamlNode>();
-			foreach (var kv in collection.Regions)
-				root.Add(new MiniYamlNode(kv.Key, kv.Value.Save(collection.Src)));
-
-			return new MiniYaml(collection.Src, root);
+			cachedPanelSprites = null;
 		}

 		static void LoadCollection(string name, MiniYaml yaml)
 		{
 			if (Game.ModData.LoadScreen != null)
 				Game.ModData.LoadScreen.Display();
-			var collection = new Collection()
-			{
-				Src = yaml.Value,
-				Regions = yaml.Nodes.ToDictionary(n => n.Key, n => new MappedImage(yaml.Value, n.Value))
-			};

-			collections.Add(name, collection);
+			collections.Add(name, FieldLoader.Load<Collection>(yaml));
+		}
+
+		static Sheet SheetForCollection(Collection c)
+		{
+			// Cached sheet
+			Sheet sheet;
+			if (cachedSheets.ContainsKey(c.Image))
+				sheet = cachedSheets[c.Image];
+			else
+			{
+				using (var stream = fileSystem.Open(c.Image))
+					sheet = new Sheet(SheetType.BGRA, stream);
+
+				cachedSheets.Add(c.Image, sheet);
+			}
+
+			return sheet;
 		}

 		public static Sprite GetImage(string collectionName, string imageName)
@@ -104,33 +132,112 @@ namespace OpenRA.Graphics
 				return null;
 			}

-			MappedImage mi;
+			Rectangle mi;
 			if (!collection.Regions.TryGetValue(imageName, out mi))
 				return null;

-			// Cached sheet
-			Sheet sheet;
-			if (cachedSheets.ContainsKey(mi.Src))
-				sheet = cachedSheets[mi.Src];
-			else
-			{
-				using (var stream = fileSystem.Open(mi.Src))
-					sheet = new Sheet(SheetType.BGRA, stream);
-
-				cachedSheets.Add(mi.Src, sheet);
-			}
-
 			// Cache the sprite
+			var sheet = SheetForCollection(collection);
 			if (cachedCollection == null)
 			{
 				cachedCollection = new Dictionary<string, Sprite>();
 				cachedSprites.Add(collectionName, cachedCollection);
 			}

-			var image = mi.GetImage(sheet);
+			var image = new Sprite(sheet, mi, TextureChannel.RGBA);
 			cachedCollection.Add(imageName, image);

 			return image;
 		}
+
+		public static Sprite[] GetPanelImages(string collectionName)
+		{
+			if (string.IsNullOrEmpty(collectionName))
+				return null;
+
+			// Cached sprite
+			Sprite[] cachedSprites;
+			if (cachedPanelSprites.TryGetValue(collectionName, out cachedSprites))
+				return cachedSprites;
+
+			Collection collection;
+			if (!collections.TryGetValue(collectionName, out collection))
+			{
+				Log.Write("debug", "Could not find collection '{0}'", collectionName);
+				return null;
+			}
+
+			Sprite[] sprites;
+			if (collection.PanelRegion != null)
+			{
+				if (collection.PanelRegion.Length != 8)
+				{
+					Log.Write("debug", "Collection '{0}' does not define a valid PanelRegion", collectionName);
+					return null;
+				}
+
+				// Cache the sprites
+				var sheet = SheetForCollection(collection);
+				var pr = collection.PanelRegion;
+				var ps = collection.PanelSides;
+
+				var sides = new[]
+				{
+					Pair.New(PanelSides.Top | PanelSides.Left, new Rectangle(pr[0], pr[1], pr[2], pr[3])),
+					Pair.New(PanelSides.Top, new Rectangle(pr[0] + pr[2], pr[1], pr[4], pr[3])),
+					Pair.New(PanelSides.Top | PanelSides.Right, new Rectangle(pr[0] + pr[2] + pr[4], pr[1], pr[6], pr[3])),
+					Pair.New(PanelSides.Left, new Rectangle(pr[0], pr[1] + pr[3], pr[2], pr[5])),
+					Pair.New(PanelSides.Center, new Rectangle(pr[0] + pr[2], pr[1] + pr[3], pr[4], pr[5])),
+					Pair.New(PanelSides.Right, new Rectangle(pr[0] + pr[2] + pr[4], pr[1] + pr[3], pr[6], pr[5])),
+					Pair.New(PanelSides.Bottom | PanelSides.Left, new Rectangle(pr[0], pr[1] + pr[3] + pr[5], pr[2], pr[7])),
+					Pair.New(PanelSides.Bottom, new Rectangle(pr[0] + pr[2], pr[1] + pr[3] + pr[5], pr[4], pr[7])),
+					Pair.New(PanelSides.Bottom | PanelSides.Right, new Rectangle(pr[0] + pr[2] + pr[4], pr[1] + pr[3] + pr[5], pr[6], pr[7]))
+				};
+
+				sprites = sides.Select(x => ps.HasSide(x.First) ? new Sprite(sheet, x.Second, TextureChannel.RGBA) : null)
+					.ToArray();
+			}
+			else
+			{
+				// Support manual definitions for unusual dialog layouts
+				sprites = new[]
+				{
+					GetImage(collectionName, "corner-tl"),
+					GetImage(collectionName, "border-t"),
+					GetImage(collectionName, "corner-tr"),
+					GetImage(collectionName, "border-l"),
+					GetImage(collectionName, "background"),
+					GetImage(collectionName, "border-r"),
+					GetImage(collectionName, "corner-bl"),
+					GetImage(collectionName, "border-b"),
+					GetImage(collectionName, "corner-br")
+				};
+			}
+
+			cachedPanelSprites.Add(collectionName, sprites);
+			return sprites;
+		}
+
+		public static Size GetMinimumPanelSize(string collectionName)
+		{
+			if (string.IsNullOrEmpty(collectionName))
+				return new Size(0, 0);
+
+			Collection collection;
+			if (!collections.TryGetValue(collectionName, out collection))
+			{
+				Log.Write("debug", "Could not find collection '{0}'", collectionName);
+				return new Size(0, 0);
+			}
+
+			if (collection.PanelRegion == null || collection.PanelRegion.Length != 8)
+			{
+				Log.Write("debug", "Collection '{0}' does not define a valid PanelRegion", collectionName);
+				return new Size(0, 0);
+			}
+
+			var pr = collection.PanelRegion;
+			return new Size(pr[2] + pr[6], pr[3] + pr[7]);
+		}
 	}
 }
--- a/OpenRA.Game/Graphics/MappedImage.cs
+++ b/OpenRA.Game/Graphics/MappedImage.cs
@@ -1,44 +0,0 @@
-#region Copyright & License Information
-/*
- * Copyright 2007-2019 The OpenRA Developers (see AUTHORS)
- * This file is part of OpenRA, which is free software. It is made
- * available to you under the terms of the GNU General Public License
- * as published by the Free Software Foundation, either version 3 of
- * the License, or (at your option) any later version. For more
- * information, see COPYING.
- */
-#endregion
-
-using System.Collections.Generic;
-using OpenRA.Primitives;
-
-namespace OpenRA.Graphics
-{
-	class MappedImage
-	{
-		readonly Rectangle rect = Rectangle.Empty;
-		public readonly string Src;
-
-		public MappedImage(string defaultSrc, MiniYaml info)
-		{
-			FieldLoader.LoadField(this, "rect", info.Value);
-			FieldLoader.Load(this, info);
-			if (Src == null)
-				Src = defaultSrc;
-		}
-
-		public Sprite GetImage(Sheet s)
-		{
-			return new Sprite(s, rect, TextureChannel.RGBA);
-		}
-
-		public MiniYaml Save(string defaultSrc)
-		{
-			var root = new List<MiniYamlNode>();
-			if (defaultSrc != Src)
-				root.Add(new MiniYamlNode("Src", Src));
-
-			return new MiniYaml(FieldSaver.FormatValue(this, GetType().GetField("rect")), root);
-		}
-	}
-}
--- a/OpenRA.Mods.Cnc/CncLoadScreen.cs
+++ b/OpenRA.Mods.Cnc/CncLoadScreen.cs
@@ -26,8 +26,7 @@ namespace OpenRA.Mods.Cnc
 		Dictionary<string, string> loadInfo;
 		Stopwatch loadTimer = Stopwatch.StartNew();
 		Sheet sheet;
-		Sprite borderTop, borderBottom, borderLeft, borderRight,
-			cornerTopLeft, cornerTopRight, cornerBottomLeft, cornerBottomRight;
+		Sprite[] border;
 		int loadTick;
 		float2 nodPos, gdiPos, evaPos;
 		Sprite nodLogo, gdiLogo, evaLogo, brightBlock, dimBlock;
@@ -51,14 +50,18 @@ namespace OpenRA.Mods.Cnc
 			var res = r.Resolution;
 			bounds = new Rectangle(0, 0, res.Width, res.Height);

-			borderTop = new Sprite(sheet, new Rectangle(161, 128, 62, 33), TextureChannel.RGBA);
-			borderBottom = new Sprite(sheet, new Rectangle(161, 223, 62, 33), TextureChannel.RGBA);
-			borderLeft = new Sprite(sheet, new Rectangle(128, 161, 33, 62), TextureChannel.RGBA);
-			borderRight = new Sprite(sheet, new Rectangle(223, 161, 33, 62), TextureChannel.RGBA);
-			cornerTopLeft = new Sprite(sheet, new Rectangle(128, 128, 33, 33), TextureChannel.RGBA);
-			cornerTopRight = new Sprite(sheet, new Rectangle(223, 128, 33, 33), TextureChannel.RGBA);
-			cornerBottomLeft = new Sprite(sheet, new Rectangle(128, 223, 33, 33), TextureChannel.RGBA);
-			cornerBottomRight = new Sprite(sheet, new Rectangle(223, 223, 33, 33), TextureChannel.RGBA);
+			border = new[]
+			{
+				new Sprite(sheet, new Rectangle(128, 128, 33, 33), TextureChannel.RGBA),
+				new Sprite(sheet, new Rectangle(161, 128, 62, 33), TextureChannel.RGBA),
+				new Sprite(sheet, new Rectangle(223, 128, 33, 33), TextureChannel.RGBA),
+				new Sprite(sheet, new Rectangle(128, 161, 33, 62), TextureChannel.RGBA),
+				null,
+				new Sprite(sheet, new Rectangle(223, 161, 33, 62), TextureChannel.RGBA),
+				new Sprite(sheet, new Rectangle(128, 223, 33, 33), TextureChannel.RGBA),
+				new Sprite(sheet, new Rectangle(161, 223, 62, 33), TextureChannel.RGBA),
+				new Sprite(sheet, new Rectangle(223, 223, 33, 33), TextureChannel.RGBA)
+			};

 			nodLogo = new Sprite(sheet, new Rectangle(0, 256, 256, 256), TextureChannel.RGBA);
 			gdiLogo = new Sprite(sheet, new Rectangle(256, 256, 256, 256), TextureChannel.RGBA);
@@ -91,10 +94,7 @@ namespace OpenRA.Mods.Cnc
 			r.RgbaSpriteRenderer.DrawSprite(nodLogo, nodPos);
 			r.RgbaSpriteRenderer.DrawSprite(evaLogo, evaPos);

-			WidgetUtils.DrawPanelPartial(bounds, PanelSides.Edges,
-				borderTop, borderBottom, borderLeft, borderRight,
-				cornerTopLeft, cornerTopRight, cornerBottomLeft, cornerBottomRight,
-				null);
+			WidgetUtils.DrawPanel(bounds, border);
 			var barY = bounds.Height - 78;

 			// The fonts dictionary may change when switching between the mod and content installer
--- a/OpenRA.Mods.Common/UpdateRules/Rules/ReformatChromeProvider.cs
+++ b/OpenRA.Mods.Common/UpdateRules/Rules/ReformatChromeProvider.cs
@@ -0,0 +1,215 @@
+#region Copyright & License Information
+/*
+ * Copyright 2007-2019 The OpenRA Developers (see AUTHORS)
+ * This file is part of OpenRA, which is free software. It is made
+ * available to you under the terms of the GNU General Public License
+ * as published by the Free Software Foundation, either version 3 of
+ * the License, or (at your option) any later version. For more
+ * information, see COPYING.
+ */
+#endregion
+
+using System;
+using System.Collections.Generic;
+using System.Drawing;
+using System.Linq;
+using OpenRA.Graphics;
+using OpenRA.Mods.Common.Widgets;
+
+namespace OpenRA.Mods.Common.UpdateRules.Rules
+{
+	public class ReformatChromeProvider : UpdateRule
+	{
+		public override string Name { get { return "Reformat UI image definitions."; } }
+
+		public override string Description
+		{
+			get
+			{
+				return "The format of the chrome.yaml file defining image regions for the UI has\n" +
+					"changed to support additional metadata fields. ";
+			}
+		}
+
+		readonly List<string> overrideLocations = new List<string>();
+		readonly List<string> panelLocations = new List<string>();
+
+		public override IEnumerable<string> AfterUpdate(ModData modData)
+		{
+			if (overrideLocations.Any())
+				yield return "Region-specific image overrides are no longer supported. The following definitions must be replaced:\n" +
+				             UpdateUtils.FormatMessageList(overrideLocations);
+
+			if (panelLocations.Any())
+				yield return "The following definitions appear to be panels, but could not be converted to the new PanelRegion format.\n" +
+					"You may wish to define PanelRegion/PanelSides manually to reduce duplication:\n" +
+				             UpdateUtils.FormatMessageList(panelLocations);
+
+			overrideLocations.Clear();
+			panelLocations.Clear();
+		}
+
+		readonly string[] edgeKeys =
+		{
+			"corner-tl", "corner-tr", "corner-bl", "corner-br",
+			"border-t", "border-b", "border-l", "border-r"
+		};
+
+		bool ExtractPanelDefinition(MiniYamlNode chromeProviderNode, MiniYamlNode regionsNode)
+		{
+			var cNode = regionsNode.LastChildMatching("background");
+			var hasCenter = cNode != null;
+			var hasEdges = edgeKeys.Any(k => regionsNode.LastChildMatching(k) != null);
+
+			// Not a panel
+			if (!hasCenter && !hasEdges)
+				return true;
+
+			// Panels may define just the background
+			if (hasCenter && !hasEdges)
+			{
+				var bgRect = cNode.NodeValue<Rectangle>();
+				chromeProviderNode.AddNode("PanelRegion", new[]
+				{
+					bgRect.X, bgRect.Y,
+					0, 0,
+					bgRect.Width, bgRect.Height,
+					0, 0
+				});
+
+				chromeProviderNode.AddNode("PanelSides", PanelSides.Center);
+				regionsNode.RemoveNode(cNode);
+				return true;
+			}
+
+			// Panels may define just the edges, or edges plus background
+			var tlNode = regionsNode.LastChildMatching("corner-tl");
+			if (tlNode == null)
+				return false;
+
+			var tlRect = tlNode.NodeValue<Rectangle>();
+
+			var tNode = regionsNode.LastChildMatching("border-t");
+			if (tNode == null)
+				return false;
+
+			var tRect = tNode.NodeValue<Rectangle>();
+			if (tRect.Left != tlRect.Right || tRect.Top != tlRect.Top || tRect.Bottom != tlRect.Bottom)
+				return false;
+
+			var trNode = regionsNode.LastChildMatching("corner-tr");
+			if (trNode == null)
+				return false;
+
+			var trRect = trNode.NodeValue<Rectangle>();
+			if (trRect.Left != tRect.Right || trRect.Top != tRect.Top || trRect.Bottom != tRect.Bottom)
+				return false;
+
+			var lNode = regionsNode.LastChildMatching("border-l");
+			if (lNode == null)
+				return false;
+
+			var lRect = lNode.NodeValue<Rectangle>();
+			if (lRect.Left != tlRect.Left || lRect.Top != tlRect.Bottom || lRect.Right != tlRect.Right)
+				return false;
+
+			var rNode = regionsNode.LastChildMatching("border-r");
+			if (rNode == null)
+				return false;
+
+			var rRect = rNode.NodeValue<Rectangle>();
+			if (rRect.Left != trRect.Left || rRect.Top != trRect.Bottom || rRect.Bottom != lRect.Bottom || rRect.Right != trRect.Right)
+				return false;
+
+			var blNode = regionsNode.LastChildMatching("corner-bl");
+			if (blNode == null)
+				return false;
+
+			var blRect = blNode.NodeValue<Rectangle>();
+			if (blRect.Left != lRect.Left || blRect.Top != lRect.Bottom || blRect.Right != lRect.Right)
+				return false;
+
+			var bNode = regionsNode.LastChildMatching("border-b");
+			if (bNode == null)
+				return false;
+
+			var bRect = bNode.NodeValue<Rectangle>();
+			if (bRect.Left != blRect.Right || bRect.Top != blRect.Top || bRect.Bottom != blRect.Bottom || bRect.Right != tRect.Right)
+				return false;
+
+			var brNode = regionsNode.LastChildMatching("corner-br");
+			if (brNode == null)
+				return false;
+
+			var brRect = brNode.NodeValue<Rectangle>();
+			if (brRect.Left != bRect.Right || brRect.Top != bRect.Top || brRect.Bottom != bRect.Bottom || brRect.Right != rRect.Right)
+				return false;
+
+			// Background definition may be omitted
+			if (hasCenter)
+			{
+				var bgRect = cNode.NodeValue<Rectangle>();
+				if (bgRect.Left != lRect.Right || bgRect.Top != lRect.Top || bgRect.Bottom != lRect.Bottom || bgRect.Right != tRect.Right)
+					return false;
+			}
+
+			// Define the short-form panel region
+			chromeProviderNode.AddNode("PanelRegion", new[]
+			{
+				tlRect.X, tlRect.Y,
+				tlRect.Width, tlRect.Height,
+				trRect.Left - tlRect.Right, blRect.Top - tlRect.Bottom,
+				brRect.Width, brRect.Height
+			});
+
+			if (!hasCenter)
+				chromeProviderNode.AddNode("PanelSides", PanelSides.Edges);
+
+			// Remove the now redundant regions
+			regionsNode.RemoveNode(tlNode);
+			regionsNode.RemoveNode(tNode);
+			regionsNode.RemoveNode(trNode);
+			regionsNode.RemoveNode(lNode);
+			regionsNode.RemoveNode(rNode);
+			regionsNode.RemoveNode(blNode);
+			regionsNode.RemoveNode(bNode);
+			regionsNode.RemoveNode(brNode);
+
+			if (cNode != null)
+				regionsNode.RemoveNode(cNode);
+
+			return true;
+		}
+
+		public override IEnumerable<string> UpdateChromeProviderNode(ModData modData, MiniYamlNode chromeProviderNode)
+		{
+			// Migrate image rectangles
+			var regionsNode = new MiniYamlNode("Regions", "");
+			foreach (var n in chromeProviderNode.Value.Nodes)
+			{
+				if (n.Key == "Inherits")
+					continue;
+
+				// Reformat region as a list
+				regionsNode.AddNode(n.Key, n.NodeValue<int[]>());
+
+				if (n.Value.Nodes.Any())
+					overrideLocations.Add("{0}.{1} ({2})".F(chromeProviderNode.Key, n.Key, chromeProviderNode.Location.Filename));
+			}
+
+			chromeProviderNode.Value.Nodes.RemoveAll(n => n.Key != "Inherits");
+
+			// Migrate image definition
+			chromeProviderNode.AddNode(new MiniYamlNode("Image", chromeProviderNode.Value.Value));
+			chromeProviderNode.Value.Value = "";
+
+			if (!ExtractPanelDefinition(chromeProviderNode, regionsNode))
+				panelLocations.Add("{0} ({1})".F(chromeProviderNode.Key, chromeProviderNode.Location.Filename));
+
+			if (regionsNode.Value.Nodes.Any())
+				chromeProviderNode.AddNode(regionsNode);
+
+			yield break;
+		}
+	}
+}
--- a/OpenRA.Mods.Common/UpdateRules/UpdateRule.cs
+++ b/OpenRA.Mods.Common/UpdateRules/UpdateRule.cs
@@ -30,6 +30,7 @@ namespace OpenRA.Mods.Common.UpdateRules
 		public virtual IEnumerable<string> UpdateWeaponNode(ModData modData, MiniYamlNode weaponNode) { yield break; }
 		public virtual IEnumerable<string> UpdateChromeNode(ModData modData, MiniYamlNode chromeNode) { yield break; }
 		public virtual IEnumerable<string> UpdateTilesetNode(ModData modData, MiniYamlNode tilesetNode) { yield break; }
+		public virtual IEnumerable<string> UpdateChromeProviderNode(ModData modData, MiniYamlNode chromeProviderNode) { yield break; }

 		public virtual IEnumerable<string> BeforeUpdate(ModData modData) { yield break; }
 		public virtual IEnumerable<string> AfterUpdate(ModData modData) { yield break; }
--- a/OpenRA.Mods.Common/UpdateRules/UpdateUtils.cs
+++ b/OpenRA.Mods.Common/UpdateRules/UpdateUtils.cs
@@ -145,6 +145,7 @@ namespace OpenRA.Mods.Common.UpdateRules
 			var modWeapons = LoadModYaml(modData, FilterExternalModFiles(modData, modData.Manifest.Weapons, externalFilenames));
 			var modTilesets = LoadModYaml(modData, FilterExternalModFiles(modData, modData.Manifest.TileSets, externalFilenames));
 			var modChromeLayout = LoadModYaml(modData, FilterExternalModFiles(modData, modData.Manifest.ChromeLayout, externalFilenames));
+			var modChromeProvider = LoadModYaml(modData, FilterExternalModFiles(modData, modData.Manifest.Chrome, externalFilenames));

 			// Find and add shared map includes
 			foreach (var package in modData.MapCache.EnumerateMapPackagesWithoutCaching())
@@ -174,12 +175,14 @@ namespace OpenRA.Mods.Common.UpdateRules
 			manualSteps.AddRange(ApplyTopLevelTransform(modData, modWeapons, rule.UpdateWeaponNode));
 			manualSteps.AddRange(ApplyTopLevelTransform(modData, modTilesets, rule.UpdateTilesetNode));
 			manualSteps.AddRange(ApplyChromeTransform(modData, modChromeLayout, rule.UpdateChromeNode));
+			manualSteps.AddRange(ApplyTopLevelTransform(modData, modChromeProvider, rule.UpdateChromeProviderNode));
 			manualSteps.AddRange(rule.AfterUpdate(modData));

 			files = modRules.ToList();
 			files.AddRange(modWeapons);
 			files.AddRange(modTilesets);
 			files.AddRange(modChromeLayout);
+			files.AddRange(modChromeProvider);

 			return manualSteps;
 		}
--- a/OpenRA.Mods.Common/Widgets/ProgressBarWidget.cs
+++ b/OpenRA.Mods.Common/Widgets/ProgressBarWidget.cs
@@ -52,7 +52,7 @@ namespace OpenRA.Mods.Common.Widgets
 			var percentage = GetPercentage();
 			WidgetUtils.DrawPanel(Background, rb);

-			var minBarWidth = (int)(ChromeProvider.GetImage(Bar, "border-l").Size.X + ChromeProvider.GetImage(Bar, "border-r").Size.X);
+			var minBarWidth = ChromeProvider.GetMinimumPanelSize(Bar).Width;
 			var maxBarWidth = rb.Width - BarMargin.Width * 2;
 			var barWidth = wasIndeterminate ? maxBarWidth / 4 : percentage * maxBarWidth / 100;
 			barWidth = Math.Max(barWidth, minBarWidth);
--- a/OpenRA.Mods.Common/Widgets/WidgetUtils.cs
+++ b/OpenRA.Mods.Common/Widgets/WidgetUtils.cs
@@ -40,7 +40,9 @@ namespace OpenRA.Mods.Common.Widgets

 		public static void DrawPanel(string collection, Rectangle bounds)
 		{
-			DrawPanelPartial(collection, bounds, PanelSides.All);
+			var sprites = ChromeProvider.GetPanelImages(collection);
+			if (sprites != null)
+				DrawPanel(bounds, sprites);
 		}

 		public static void FillRectWithSprite(Rectangle r, Sprite s)
@@ -89,95 +91,70 @@ namespace OpenRA.Mods.Common.Widgets
 			Game.Renderer.RgbaColorRenderer.FillEllipse(tl, br, c);
 		}

-		public static int[] GetBorderSizes(string collection)
-		{
-			var images = new[] { "border-t", "border-b", "border-l", "border-r" };
-			var ss = images.Select(i => ChromeProvider.GetImage(collection, i)).ToList();
-			return new[] { (int)ss[0].Size.Y, (int)ss[1].Size.Y, (int)ss[2].Size.X, (int)ss[3].Size.X };
-		}
-
-		static bool HasFlags(this PanelSides a, PanelSides b)
-		{
-			// PERF: Enum.HasFlag is slower and requires allocations.
-			return (a & b) == b;
-		}
-
 		public static Rectangle InflateBy(this Rectangle rect, int l, int t, int r, int b)
 		{
 			return Rectangle.FromLTRB(rect.Left - l, rect.Top - t,
 				rect.Right + r, rect.Bottom + b);
 		}

-		public static void DrawPanelPartial(string collection, Rectangle bounds, PanelSides ps)
+		/// <summary>
+		/// Fill a rectangle with sprites defining a panel layout.
+		/// Draw order is center, borders, corners to allow mods to define fancy border and corner overlays.
+		/// </summary>
+		/// <param name="bounds">Rectangle to fill.</param>
+		/// <param name="sprites">Nine sprites defining the panel: TL, T, TR, L, C, R, BL, B, BR.</param>
+		public static void DrawPanel(Rectangle bounds, Sprite[] sprites)
 		{
-			DrawPanelPartial(bounds, ps,
-				ChromeProvider.GetImage(collection, "border-t"),
-				ChromeProvider.GetImage(collection, "border-b"),
-				ChromeProvider.GetImage(collection, "border-l"),
-				ChromeProvider.GetImage(collection, "border-r"),
-				ChromeProvider.GetImage(collection, "corner-tl"),
-				ChromeProvider.GetImage(collection, "corner-tr"),
-				ChromeProvider.GetImage(collection, "corner-bl"),
-				ChromeProvider.GetImage(collection, "corner-br"),
-				ChromeProvider.GetImage(collection, "background"));
-		}
+			if (sprites.Length != 9)
+				return;

-		public static void DrawPanelPartial(Rectangle bounds, PanelSides ps,
-			Sprite borderTop,
-			Sprite borderBottom,
-			Sprite borderLeft,
-			Sprite borderRight,
-			Sprite cornerTopLeft,
-			Sprite cornerTopRight,
-			Sprite cornerBottomLeft,
-			Sprite cornerBottomRight,
-			Sprite background)
-		{
-			var marginLeft = borderLeft == null ? 0 : (int)borderLeft.Size.X;
-			var marginTop = borderTop == null ? 0 : (int)borderTop.Size.Y;
-			var marginRight = borderRight == null ? 0 : (int)borderRight.Size.X;
-			var marginBottom = borderBottom == null ? 0 : (int)borderBottom.Size.Y;
+			var marginTop = sprites[1] == null ? 0 : (int)sprites[1].Size.Y;
+			var marginLeft = sprites[3] == null ? 0 : (int)sprites[3].Size.X;
+			var marginRight = sprites[5] == null ? 0 : (int)sprites[5].Size.X;
+			var marginBottom = sprites[7] == null ? 0 : (int)sprites[7].Size.Y;
 			var marginWidth = marginRight + marginLeft;
 			var marginHeight = marginBottom + marginTop;

-			// Background
-			if (ps.HasFlags(PanelSides.Center) && background != null)
+			// Center
+			if (sprites[4] != null)
 				FillRectWithSprite(new Rectangle(bounds.Left + marginLeft, bounds.Top + marginTop,
-					bounds.Width - marginWidth, bounds.Height - marginHeight),
-					background);
+					bounds.Width - marginWidth, bounds.Height - marginHeight), sprites[4]);

-			// Left border
-			if (ps.HasFlags(PanelSides.Left) && borderLeft != null)
+			// Left edge
+			if (sprites[3] != null)
 				FillRectWithSprite(new Rectangle(bounds.Left, bounds.Top + marginTop,
-					marginLeft, bounds.Height - marginHeight),
-					borderLeft);
+						marginLeft, bounds.Height - marginHeight), sprites[3]);

-			// Right border
-			if (ps.HasFlags(PanelSides.Right) && borderRight != null)
+			// Right edge
+			if (sprites[5] != null)
 				FillRectWithSprite(new Rectangle(bounds.Right - marginRight, bounds.Top + marginTop,
-					marginLeft, bounds.Height - marginHeight),
-					borderRight);
+					marginLeft, bounds.Height - marginHeight), sprites[5]);

-			// Top border
-			if (ps.HasFlags(PanelSides.Top) && borderTop != null)
+			// Top edge
+			if (sprites[1] != null)
 				FillRectWithSprite(new Rectangle(bounds.Left + marginLeft, bounds.Top,
-					bounds.Width - marginWidth, marginTop),
-					borderTop);
+					bounds.Width - marginWidth, marginTop), sprites[1]);

-			// Bottom border
-			if (ps.HasFlags(PanelSides.Bottom) && borderBottom != null)
+			// Bottom edge
+			if (sprites[7] != null)
 				FillRectWithSprite(new Rectangle(bounds.Left + marginLeft, bounds.Bottom - marginBottom,
-					bounds.Width - marginWidth, marginTop),
-					borderBottom);
+					bounds.Width - marginWidth, marginTop), sprites[7]);

-			if (ps.HasFlags(PanelSides.Left | PanelSides.Top) && cornerTopLeft != null)
-				DrawRGBA(cornerTopLeft, new float2(bounds.Left, bounds.Top));
-			if (ps.HasFlags(PanelSides.Right | PanelSides.Top) && cornerTopRight != null)
-				DrawRGBA(cornerTopRight, new float2(bounds.Right - cornerTopRight.Size.X, bounds.Top));
-			if (ps.HasFlags(PanelSides.Left | PanelSides.Bottom) && cornerBottomLeft != null)
-				DrawRGBA(cornerBottomLeft, new float2(bounds.Left, bounds.Bottom - cornerBottomLeft.Size.Y));
-			if (ps.HasFlags(PanelSides.Right | PanelSides.Bottom) && cornerBottomRight != null)
-				DrawRGBA(cornerBottomRight, new float2(bounds.Right - cornerBottomRight.Size.X, bounds.Bottom - cornerBottomRight.Size.Y));
+			// Top-left corner
+			if (sprites[0] != null)
+				DrawRGBA(sprites[0], new float2(bounds.Left, bounds.Top));
+
+			// Top-right corner
+			if (sprites[2] != null)
+				DrawRGBA(sprites[2], new float2(bounds.Right - sprites[2].Size.X, bounds.Top));
+
+			// Bottom-left corner
+			if (sprites[6] != null)
+				DrawRGBA(sprites[6], new float2(bounds.Left, bounds.Bottom - sprites[6].Size.Y));
+
+			// Bottom-right corner
+			if (sprites[8] != null)
+				DrawRGBA(sprites[8], new float2(bounds.Right - sprites[8].Size.X, bounds.Bottom - sprites[8].Size.Y));
 		}

 		public static string FormatTime(int ticks, int timestep)
@@ -315,17 +292,4 @@ namespace OpenRA.Mods.Common.Widgets
 			return lastOutput;
 		}
 	}
-
-	[Flags]
-	public enum PanelSides
-	{
-		Left = 1,
-		Top = 2,
-		Right = 4,
-		Bottom = 8,
-		Center = 16,
-
-		Edges = Left | Top | Right | Bottom,
-		All = Edges | Center,
-	}
 }
--- a/mods/cnc/chrome.yaml
+++ b/mods/cnc/chrome.yaml
--- a/mods/d2k/chrome.yaml
+++ b/mods/d2k/chrome.yaml
@@ -1,32 +1,54 @@
-sidebar: chrome.png
+sidebar:
+	Image: chrome.png
+	Regions:
 		background-top: 0, 0, 226, 295
 		background-iconrow: 0, 295, 226, 48
 		background-bottom: 0, 343, 226, 13

-sidebar-button: chrome.png
-	background: 377,0,25,25
-sidebar-button-hover: chrome.png
-	background: 402,0,25,25
-sidebar-button-pressed: chrome.png
-	background: 402,0,25,25
-sidebar-button-highlighted: chrome.png
-	background: 402,0,25,25
-sidebar-button-highlighted-hover: chrome.png
-	background: 402,0,25,25
-sidebar-button-highlighted-pressed: chrome.png
-	background: 402,0,25,25
-sidebar-button-disabled: chrome.png
-	background: 427,0,25,25
-sidebar-button-highlighted-disabled: chrome.png
-	background: 427,0,25,25
+sidebar-button:
+	Image: chrome.png
+	PanelRegion: 377, 0, 0, 0, 25, 25, 0, 0
+	PanelSides: Center
+sidebar-button-hover:
+	Image: chrome.png
+	PanelRegion: 402, 0, 0, 0, 25, 25, 0, 0
+	PanelSides: Center
+sidebar-button-pressed:
+	Image: chrome.png
+	PanelRegion: 402, 0, 0, 0, 25, 25, 0, 0
+	PanelSides: Center
+sidebar-button-highlighted:
+	Image: chrome.png
+	PanelRegion: 402, 0, 0, 0, 25, 25, 0, 0
+	PanelSides: Center
+sidebar-button-highlighted-hover:
+	Image: chrome.png
+	PanelRegion: 402, 0, 0, 0, 25, 25, 0, 0
+	PanelSides: Center
+sidebar-button-highlighted-pressed:
+	Image: chrome.png
+	PanelRegion: 402, 0, 0, 0, 25, 25, 0, 0
+	PanelSides: Center
+sidebar-button-disabled:
+	Image: chrome.png
+	PanelRegion: 427, 0, 0, 0, 25, 25, 0, 0
+	PanelSides: Center
+sidebar-button-highlighted-disabled:
+	Image: chrome.png
+	PanelRegion: 427, 0, 0, 0, 25, 25, 0, 0
+	PanelSides: Center

-sidebar-bits: chrome.png
+sidebar-bits:
+	Image: chrome.png
+	Regions:
 		production-tooltip-time: 480, 112, 16, 16
 		production-tooltip-power: 496, 112, 16, 16
 		production-tooltip-cost: 464, 112, 16, 16
 		commandbar-background: 0, 469, 454, 43

-minimap-overlay: chrome.png
+minimap-overlay:
+	Image: chrome.png
+	Regions:
 		top-left: 236, 15, 7, 7
 		top: 236, 0, 141, 4
 		top-right: 243, 15, 7, 7
@@ -35,18 +57,28 @@ minimap-overlay: chrome.png
 		bottom-left: 236, 8, 7, 7
 		bottom-right: 243, 8, 7, 7

-radar-atreides: chrome.png
+radar-atreides:
+	Image: chrome.png
+	Regions:
 		insignia: 226, 25, 100, 100
-radar-ordos: chrome.png
+radar-ordos:
+	Image: chrome.png
+	Regions:
 		insignia: 326, 25, 100, 100
-radar-harkonnen: chrome.png
+radar-harkonnen:
+	Image: chrome.png
+	Regions:
 		insignia: 226, 125, 100, 100

-power-icons: chrome.png
+power-icons:
+	Image: chrome.png
+	Regions:
 		power-normal: 496, 112, 16, 16
 		power-critical: 496, 128, 16, 16

-production-icons: chrome.png
+production-icons:
+	Image: chrome.png
+	Regions:
 		building: 464, 0, 16, 16
 		building-disabled: 480, 0, 16, 16
 		building-alert: 496, 0, 16, 16
@@ -69,7 +101,9 @@ production-icons: chrome.png
 		starport-disabled: 480, 96, 16, 16
 		starport-alert: 496, 96, 16, 16

-order-icons: chrome.png
+order-icons:
+	Image: chrome.png
+	Regions:
 		debug: 10, 357, 34, 35
 		debug-disabled: 10, 393, 34, 35
 		debug-active: 10, 430, 34, 35
@@ -95,24 +129,42 @@ order-icons: chrome.png
 		diplomacy-disabled: 288, 393, 34, 35
 		diplomacy-active: 288, 430, 34, 35

-command-button: chrome.png
-	background: 332,428,34,41
-command-button-hover: chrome.png
-	background: 332,428,34,41
-command-button-pressed: chrome.png
-	background: 400,428,34,41
-command-button-highlighted: chrome.png
-	background: 400,428,34,41
-command-button-highlighted-hover: chrome.png
-	background: 400,428,34,41
-command-button-highlighted-pressed: chrome.png
-	background: 400,428,34,41
-command-button-disabled: chrome.png
-	background: 366,428,34,41
-command-button-highlighted-disabled: chrome.png
-	background: 366,428,34,41
+command-button:
+	Image: chrome.png
+	PanelRegion: 332, 428, 0, 0, 34, 41, 0, 0
+	PanelSides: Center
+command-button-hover:
+	Image: chrome.png
+	PanelRegion: 332, 428, 0, 0, 34, 41, 0, 0
+	PanelSides: Center
+command-button-pressed:
+	Image: chrome.png
+	PanelRegion: 400, 428, 0, 0, 34, 41, 0, 0
+	PanelSides: Center
+command-button-highlighted:
+	Image: chrome.png
+	PanelRegion: 400, 428, 0, 0, 34, 41, 0, 0
+	PanelSides: Center
+command-button-highlighted-hover:
+	Image: chrome.png
+	PanelRegion: 400, 428, 0, 0, 34, 41, 0, 0
+	PanelSides: Center
+command-button-highlighted-pressed:
+	Image: chrome.png
+	PanelRegion: 400, 428, 0, 0, 34, 41, 0, 0
+	PanelSides: Center
+command-button-disabled:
+	Image: chrome.png
+	PanelRegion: 366, 428, 0, 0, 34, 41, 0, 0
+	PanelSides: Center
+command-button-highlighted-disabled:
+	Image: chrome.png
+	PanelRegion: 366, 428, 0, 0, 34, 41, 0, 0
+	PanelSides: Center

-command-icons: chrome.png
+command-icons:
+	Image: chrome.png
+	Regions:
 		attack-move: 408, 144, 26, 26
 		attack-move-disabled: 408, 170, 26, 26
 		force-move: 434, 144, 24, 24
@@ -130,7 +182,9 @@ command-icons: chrome.png
 		queue-orders: 486, 196, 26, 26
 		queue-orders-disabled: 486, 222, 26, 26

-stance-icons: chrome.png
+stance-icons:
+	Image: chrome.png
+	Regions:
 		attack-anything: 416, 248, 16, 16
 		attack-anything-disabled: 432, 248, 16, 16
 		attack-anything-active: 448, 248, 16, 16
@@ -144,7 +198,9 @@ stance-icons: chrome.png
 		hold-fire-disabled: 480, 264, 16, 16
 		hold-fire-active: 496, 264, 16, 16

-flags: buttons.png
+flags:
+	Image: buttons.png
+	Regions:
 		atreides: 0, 114, 22, 21
 		harkonnen: 22, 114, 23, 21
 		ordos: 45, 114, 22, 21
@@ -157,7 +213,9 @@ flags: buttons.png
 		mercenary: 178, 114, 22, 21

 # Used for the menu
-dialog: dialog.png
+dialog:
+	Image: dialog.png
+	Regions:
 		background: 0, 0, 480, 480
 		border-r: 489, 0, 9, 192
 		border-l: 480, 0, 9, 192
@@ -169,34 +227,24 @@ dialog: dialog.png
 		corner-br: 200, 489, 9, 9

 # Same as a normal button
-dialog2: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
+dialog2:
+	Image: dialog.png
+	PanelRegion: 512, 0, 1, 1, 126, 126, 1, 1

 # Same as a pressed button
-dialog3: dialog.png
-	background: 641,1,126,126
-	border-r: 767,1,1,126
-	border-l: 640,1,1,126
-	border-b: 641,127,126,1
-	border-t: 641,0,126,1
-	corner-tl: 640,0,1,1
-	corner-tr: 767,0,1,1
-	corner-bl: 640,127,1,1
-	corner-br: 767,127,1,1
+dialog3:
+	Image: dialog.png
+	PanelRegion: 640, 0, 1, 1, 126, 126, 1, 1

-tooltip-separator: dialog.png
+tooltip-separator:
+	Image: dialog.png
+	Regions:
 		border-t: 641, 0, 126, 1

 # Same as the half transparent frame used in the Asset Browser
-dialog4: dialog.png
+dialog4:
+	Image: dialog.png
+	Regions:
 		background: 517, 392, 54, 54
 		border-t: 517, 387, 54, 6
 		border-b: 517, 446, 54, 6
@@ -207,7 +255,9 @@ dialog4: dialog.png
 		corner-bl: 512, 446, 6, 6
 		corner-br: 571, 446, 6, 6

-lobby-bits: buttons.png
+lobby-bits:
+	Image: buttons.png
+	Regions:
 		spawn-unclaimed: 158, 5, 23, 22
 		spawn-claimed: 126, 5, 23, 22
 		admin: 186, 5, 7, 5
@@ -222,7 +272,9 @@ lobby-bits: buttons.png
 		player-registered: 224, 16, 16, 16
 		player-anonymous: 240, 16, 16, 16

-reload-icon: chrome.png
+reload-icon:
+	Image: chrome.png
+	Regions:
 		enabled: 416, 312, 16, 16
 		disabled-0: 416, 280, 16, 16
 		disabled-1: 432, 280, 16, 16
@@ -237,13 +289,17 @@ reload-icon: chrome.png
 		disabled-10: 480, 296, 16, 16
 		disabled-11: 496, 296, 16, 16

-strategic: buttons.png
+strategic:
+	Image: buttons.png
+	Regions:
 		unowned: 127, 5, 23, 22
 		critical_unowned: 127, 27, 23, 22
 		enemy_owned: 159, 27, 23, 22
 		player_owned: 159, 49, 23, 22

-music: buttons.png
+music:
+	Image: buttons.png
+	Regions:
 		pause: 0, 193, 25, 25
 		stop: 25, 193, 25, 25
 		play: 55, 193, 25, 25
@@ -252,121 +308,66 @@ music: buttons.png
 		fastforward: 131, 193, 25, 25
 		slowmo: 159, 193, 25, 25

-scrollbar: buttons.png
+scrollbar:
+	Image: buttons.png
+	Regions:
 		down_arrow: 16, 140, 16, 16
 		down_pressed: 16, 140, 16, 16
 		up_arrow: 32, 140, 16, 16
 		up_pressed: 32, 140, 16, 16

 # A copy of dialog3 (pressed button)
-progressbar-bg: dialog.png
-	background: 641,1,126,126
-	border-r: 767,1,1,126
-	border-l: 640,1,1,126
-	border-b: 641,127,126,1
-	border-t: 641,0,126,1
-	corner-tl: 640,0,1,1
-	corner-tr: 767,0,1,1
-	corner-bl: 640,127,1,1
-	corner-br: 767,127,1,1
+progressbar-bg:
+	Image: dialog.png
+	PanelRegion: 640, 0, 1, 1, 126, 126, 1, 1

 # A copy of dialog2 (normal button)
-progressbar-thumb: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
+progressbar-thumb:
+	Image: dialog.png
+	PanelRegion: 512, 0, 1, 1, 126, 126, 1, 1

 # A copy of dialog2 (normal button)
-button: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
+button:
+	Image: dialog.png
+	PanelRegion: 512, 0, 1, 1, 126, 126, 1, 1
+	Regions:
 		
 # 5% lighter than a normal button
-button-hover: dialog.png
-	background: 513,129,126,126
-	border-r: 639,129,1,126
-	border-l: 512,129,1,126
-	border-b: 513,255,126,1
-	border-t: 513,128,126,1
-	corner-tl: 512,128,1,1
-	corner-tr: 639,128,1,1
-	corner-bl: 512,255,1,1
-	corner-br: 639,255,1,1	
+button-hover:
+	Image: dialog.png
+	PanelRegion: 512, 128, 1, 1, 126, 126, 1, 1

 # A copy of dialog3 (pressed button)
-button-pressed: dialog.png
-	background: 641,1,126,126
-	border-r: 767,1,1,126
-	border-l: 640,1,1,126
-	border-b: 641,127,126,1
-	border-t: 641,0,126,1
-	corner-tl: 640,0,1,1
-	corner-tr: 767,0,1,1
-	corner-bl: 640,127,1,1
-	corner-br: 767,127,1,1
+button-pressed:
+	Image: dialog.png
+	PanelRegion: 640, 0, 1, 1, 126, 126, 1, 1
+	Regions:
 		
 # 10% darker than a normal button
-button-disabled: dialog.png
-	background: 513,257,126,126
-	border-r: 639,257,1,126
-	border-l: 512,257,1,126
-	border-b: 513,383,126,1
-	border-t: 513,256,126,1
-	corner-tl: 512,256,1,1
-	corner-tr: 639,256,1,1
-	corner-bl: 512,383,1,1
-	corner-br: 639,383,1,1
+button-disabled:
+	Image: dialog.png
+	PanelRegion: 512, 256, 1, 1, 126, 126, 1, 1

 # A yellow (normal) button
-button-highlighted: dialog.png
-	background: 769,1,126,126
-	border-r: 895,1,1,126
-	border-l: 768,1,1,126
-	border-b: 769,127,126,1
-	border-t: 769,0,126,1
-	corner-tl: 768,0,1,1
-	corner-tr: 895,0,1,1
-	corner-bl: 768,127,1,1
-	corner-br: 895,127,1,1
+button-highlighted:
+	Image: dialog.png
+	PanelRegion: 768, 0, 1, 1, 126, 126, 1, 1
+	Regions:
 		
 # A copy of button-highlighted
-button-highlighted-hover: dialog.png
-	background: 769,1,126,126
-	border-r: 895,1,1,126
-	border-l: 768,1,1,126
-	border-b: 769,127,126,1
-	border-t: 769,0,126,1
-	corner-tl: 768,0,1,1
-	corner-tr: 895,0,1,1
-	corner-bl: 768,127,1,1
-	corner-br: 895,127,1,1
+button-highlighted-hover:
+	Image: dialog.png
+	PanelRegion: 768, 0, 1, 1, 126, 126, 1, 1
+	Regions:
 		
-button-highlighted-pressed: dialog.png
-	background: 897,1,126,126
-	border-r: 1023,1,1,126
-	border-l: 896,1,1,126
-	border-b: 897,127,126,1
-	border-t: 897,0,126,1
-	corner-tl: 896,0,1,1
-	corner-tr: 1023,0,1,1
-	corner-bl: 896,127,1,1
-	corner-br: 1023,127,1,1
+button-highlighted-pressed:
+	Image: dialog.png
+	PanelRegion: 896, 0, 1, 1, 126, 126, 1, 1

 # A copy of button-highlighted
-button-highlighted-disabled: dialog.png
+button-highlighted-disabled:
+	Image: dialog.png
+	Regions:
 		background: 769, 1, 126, 126
 		border-r: 639, 1, 1, 126
 		border-l: 768, 1, 1, 126
@@ -378,272 +379,138 @@ button-highlighted-disabled: dialog.png
 		corner-br: 639, 127, 1, 1

 # A copy of dialog3 (pressed button)
-textfield: dialog.png
-	background: 641,1,126,126
-	border-r: 767,1,1,126
-	border-l: 640,1,1,126
-	border-b: 641,127,126,1
-	border-t: 641,0,126,1
-	corner-tl: 640,0,1,1
-	corner-tr: 767,0,1,1
-	corner-bl: 640,127,1,1
-	corner-br: 767,127,1,1
+textfield:
+	Image: dialog.png
+	PanelRegion: 640, 0, 1, 1, 126, 126, 1, 1

 # A copy of checkbox-hover 
-textfield-hover: dialog.png
-	background: 641,129,126,126
-	border-r: 767,129,1,126
-	border-l: 640,129,1,126
-	border-b: 641,255,126,1
-	border-t: 641,128,126,1
-	corner-tl: 640,128,1,1
-	corner-tr: 767,128,1,1
-	corner-bl: 640,255,1,1
-	corner-br: 767,255,1,1
+textfield-hover:
+	Image: dialog.png
+	PanelRegion: 640, 128, 1, 1, 126, 126, 1, 1

 # A copy of dialog3 (pressed button)
-textfield-disabled: dialog.png
-	background: 641,1,126,126
-	border-r: 767,1,1,126
-	border-l: 640,1,1,126
-	border-b: 641,127,126,1
-	border-t: 641,0,126,1
-	corner-tl: 640,0,1,1
-	corner-tr: 767,0,1,1
-	corner-bl: 640,127,1,1
-	corner-br: 767,127,1,1
+textfield-disabled:
+	Image: dialog.png
+	PanelRegion: 640, 0, 1, 1, 126, 126, 1, 1

 # A copy of dialog3 (pressed button)
-textfield-focused: dialog.png
-	background: 641,1,126,126
-	border-r: 767,1,1,126
-	border-l: 640,1,1,126
-	border-b: 641,127,126,1
-	border-t: 641,0,126,1
-	corner-tl: 640,0,1,1
-	corner-tr: 767,0,1,1
-	corner-bl: 640,127,1,1
-	corner-br: 767,127,1,1
+textfield-focused:
+	Image: dialog.png
+	PanelRegion: 640, 0, 1, 1, 126, 126, 1, 1

 # A copy of dialog3 (pressed button)
-scrollpanel-bg: dialog.png
-	background: 641,1,126,126
-	border-r: 767,1,1,126
-	border-l: 640,1,1,126
-	border-b: 641,127,126,1
-	border-t: 641,0,126,1
-	corner-tl: 640,0,1,1
-	corner-tr: 767,0,1,1
-	corner-bl: 640,127,1,1
-	corner-br: 767,127,1,1
+scrollpanel-bg:
+	Image: dialog.png
+	PanelRegion: 640, 0, 1, 1, 126, 126, 1, 1

 # A copy of dialog2 (normal button)
-scrollpanel-button: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
+scrollpanel-button:
+	Image: dialog.png
+	PanelRegion: 512, 0, 1, 1, 126, 126, 1, 1

 # A copy of button-hover
-scrollpanel-button-hover: dialog.png
-	background: 513,129,126,126
-	border-r: 639,129,1,126
-	border-l: 512,129,1,126
-	border-b: 513,255,126,1
-	border-t: 513,128,126,1
-	corner-tl: 512,128,1,1
-	corner-tr: 639,128,1,1
-	corner-bl: 512,255,1,1
-	corner-br: 639,255,1,1
+scrollpanel-button-hover:
+	Image: dialog.png
+	PanelRegion: 512, 128, 1, 1, 126, 126, 1, 1

 # A copy of dialog3 (pressed button)
-scrollpanel-button-pressed: dialog.png
-	background: 641,1,126,126
-	border-r: 767,1,1,126
-	border-l: 640,1,1,126
-	border-b: 641,127,126,1
-	border-t: 641,0,126,1
-	corner-tl: 640,0,1,1
-	corner-tr: 767,0,1,1
-	corner-bl: 640,127,1,1
-	corner-br: 767,127,1,1
+scrollpanel-button-pressed:
+	Image: dialog.png
+	PanelRegion: 640, 0, 1, 1, 126, 126, 1, 1

 # A copy of dialog2 (normal button)
-scrollpanel-button-disabled: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
+scrollpanel-button-disabled:
+	Image: dialog.png
+	PanelRegion: 512, 0, 1, 1, 126, 126, 1, 1

-slider: dialog.png
+slider:
+	Image: dialog.png
+	Regions:
 		tick: 512, 1, 2, 4

 # A copy of dialog3 (pressed button)
-slider-track: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
+slider-track:
+	Image: dialog.png
+	PanelRegion: 512, 0, 1, 1, 126, 126, 1, 1
+	Regions:
 		
 # A copy of dialog2 (normal button)
-slider-thumb: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
+slider-thumb:
+	Image: dialog.png
+	PanelRegion: 512, 0, 1, 1, 126, 126, 1, 1

 # A copy of button-hover
-slider-thumb-hover: dialog.png
-	background: 513,129,126,126
-	border-r: 639,129,1,126
-	border-l: 512,129,1,126
-	border-b: 513,255,126,1
-	border-t: 513,128,126,1
-	corner-tl: 512,128,1,1
-	corner-tr: 639,128,1,1
-	corner-bl: 512,255,1,1
-	corner-br: 639,255,1,1
+slider-thumb-hover:
+	Image: dialog.png
+	PanelRegion: 512, 128, 1, 1, 126, 126, 1, 1

 # A copy of dialog3 (pressed button)
-slider-thumb-pressed: dialog.png
-	background: 641,1,126,126
-	border-r: 767,1,1,126
-	border-l: 640,1,1,126
-	border-b: 641,127,126,1
-	border-t: 641,0,126,1
-	corner-tl: 640,0,1,1
-	corner-tr: 767,0,1,1
-	corner-bl: 640,127,1,1
-	corner-br: 767,127,1,1
+slider-thumb-pressed:
+	Image: dialog.png
+	PanelRegion: 640, 0, 1, 1, 126, 126, 1, 1

 # A copy of dialog2 (normal button)
-slider-thumb-disabled: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
+slider-thumb-disabled:
+	Image: dialog.png
+	PanelRegion: 512, 0, 1, 1, 126, 126, 1, 1
+	Regions:
 		
 # A copy of dialog3 (pressed button)
-checkbox: dialog.png
-	background: 641,1,126,126
-	border-r: 767,1,1,126
-	border-l: 640,1,1,126
-	border-b: 641,127,126,1
-	border-t: 641,0,126,1
-	corner-tl: 640,0,1,1
-	corner-tr: 767,0,1,1
-	corner-bl: 640,127,1,1
-	corner-br: 767,127,1,1
+checkbox:
+	Image: dialog.png
+	PanelRegion: 640, 0, 1, 1, 126, 126, 1, 1

-checkbox-bits: buttons.png
+checkbox-bits:
+	Image: buttons.png
+	Regions:
 		checked: 0, 157, 16, 16
 		checked-disabled: 0, 173, 16, 16
 		crossed: 16, 157, 16, 16
 		crossed-disabled: 16, 173, 16, 16

-checkbox-hover: dialog.png
-	background: 641,129,126,126
-	border-r: 767,129,1,126
-	border-l: 640,129,1,126
-	border-b: 641,255,126,1
-	border-t: 641,128,126,1
-	corner-tl: 640,128,1,1
-	corner-tr: 767,128,1,1
-	corner-bl: 640,255,1,1
-	corner-br: 767,255,1,1
+checkbox-hover:
+	Image: dialog.png
+	PanelRegion: 640, 128, 1, 1, 126, 126, 1, 1

 # Same as a button-disabled-pressed
-checkbox-disabled: dialog.png
-	background: 641,257,126,126
-	border-r: 767,257,1,126
-	border-l: 640,257,1,126
-	border-b: 641,383,126,1
-	border-t: 641,256,126,1
-	corner-tl: 640,256,1,1
-	corner-tr: 767,256,1,1
-	corner-bl: 640,383,1,1
-	corner-br: 767,383,1,1
+checkbox-disabled:
+	Image: dialog.png
+	PanelRegion: 640, 256, 1, 1, 126, 126, 1, 1

 # Same as button-highlighted-pressed
-checkbox-highlighted: dialog.png
-	background: 897,1,126,126
-	border-r: 1023,1,1,126
-	border-l: 896,1,1,126
-	border-b: 897,127,126,1
-	border-t: 897,0,126,1
-	corner-tl: 896,0,1,1
-	corner-tr: 1023,0,1,1
-	corner-bl: 896,127,1,1
-	corner-br: 1023,127,1,1
+checkbox-highlighted:
+	Image: dialog.png
+	PanelRegion: 896, 0, 1, 1, 126, 126, 1, 1

 # A copy of dialog3 (pressed button)
-scrollitem-selected: dialog.png
-	background: 641,1,126,126
-	border-r: 767,1,1,126
-	border-l: 640,1,1,126
-	border-b: 641,127,126,1
-	border-t: 641,0,126,1
-	corner-tl: 640,0,1,1
-	corner-tr: 767,0,1,1
-	corner-bl: 640,127,1,1
-	corner-br: 767,127,1,1
+scrollitem-selected:
+	Image: dialog.png
+	PanelRegion: 640, 0, 1, 1, 126, 126, 1, 1

 # A copy of dialog2 (normal button)
-scrollitem-hover: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
+scrollitem-hover:
+	Image: dialog.png
+	PanelRegion: 512, 0, 1, 1, 126, 126, 1, 1

 # A copy of dialog2 (normal button)
-scrollheader-selected: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
+scrollheader-selected:
+	Image: dialog.png
+	PanelRegion: 512, 0, 1, 1, 126, 126, 1, 1

-scrollitem-nohover: dialog.png
+scrollitem-nohover:
+	Image: dialog.png

-dropdown: dialog.png
+dropdown:
+	Image: dialog.png
+	Regions:
 		separator: 512, 1, 1, 19

-logos: loadscreen.png
+logos:
+	Image: loadscreen.png
+	Regions:
 		logo: 0, 0, 256, 256

-loadscreen-stripe: loadscreen.png
-	background: 256,0,256,256
+loadscreen-stripe:
+	Image: loadscreen.png
+	PanelRegion: 256, 0, 0, 0, 256, 256, 0, 0
+	PanelSides: Center
--- a/mods/modcontent/chrome.yaml
+++ b/mods/modcontent/chrome.yaml
@@ -1,133 +1,71 @@
-panel-header: chrome.png
-	background: 3,515,58,58
-	border-r: 61,515,3,58
-	border-l: 0,515,3,58
-	border-b: 3,573,58,3
-	border-t: 3,512,58,3
-	corner-tl: 0,512,3,3
-	corner-tr: 61,512,3,3
-	corner-bl: 0,573,3,3
-	corner-br: 61,573,3,3
+panel-header:
+	Image: chrome.png
+	PanelRegion: 0, 512, 3, 3, 58, 58, 3, 3

-panel-bg: chrome.png
-	background: 67,515,58,58
-	border-r: 125,515,3,58
-	border-l: 64,515,3,58
-	border-b: 67,573,58,3
-	border-t: 67,512,58,3
-	corner-tl: 64,512,3,3
-	corner-tr: 125,512,3,3
-	corner-bl: 64,573,3,3
-	corner-br: 125,573,3,3
+panel-bg:
+	Image: chrome.png
+	PanelRegion: 64, 512, 3, 3, 58, 58, 3, 3

-panel-thinborder: chrome.png
-	background: 3,515,58,58
-	border-r: 61,515,2,58
-	border-l: 1,515,2,58
-	border-b: 3,573,58,2
-	border-t: 3,513,58,2
-	corner-tl: 1,513,2,2
-	corner-tr: 61,513,2,2
-	corner-bl: 1,573,2,2
-	corner-br: 61,573,2,2
+panel-thinborder:
+	Image: chrome.png
+	PanelRegion: 1, 513, 2, 2, 58, 58, 2, 2

-panel-thinborder-light: chrome.png
-	background: 643,515,58,58
-	border-r: 701,515,2,58
-	border-l: 641,515,2,58
-	border-b: 643,573,58,2
-	border-t: 643,513,58,2
-	corner-tl: 641,513,2,2
-	corner-tr: 701,513,2,2
-	corner-bl: 641,573,2,2
-	corner-br: 701,573,2,2
+panel-thinborder-light:
+	Image: chrome.png
+	PanelRegion: 641, 513, 2, 2, 58, 58, 2, 2

-button: chrome.png
-	background: 138,522,44,44
-	border-r: 182,522,10,44
-	border-l: 128,522,10,44
-	border-b: 138,566,44,10
-	border-t: 138,512,44,10
-	corner-tl: 128,512,10,10
-	corner-tr: 182,512,10,10
-	corner-bl: 128,566,10,10
-	corner-br: 182,566,10,10
+button:
+	Image: chrome.png
+	PanelRegion: 128, 512, 10, 10, 44, 44, 10, 10

-button-hover: chrome.png
-	background: 202,522,44,44
-	border-r: 246,522,10,44
-	border-l: 192,522,10,44
-	border-b: 202,566,44,10
-	border-t: 202,512,44,10
-	corner-tl: 192,512,10,10
-	corner-tr: 246,512,10,10
-	corner-bl: 192,566,10,10
-	corner-br: 246,566,10,10
+button-hover:
+	Image: chrome.png
+	PanelRegion: 192, 512, 10, 10, 44, 44, 10, 10

-button-disabled: chrome.png
+button-disabled:
 	Inherits: button
+	Image: chrome.png

-button-pressed: chrome.png
-	background: 330,522,44,44
-	border-r: 374,522,10,44
-	border-l: 320,522,10,44
-	border-b: 330,566,44,10
-	border-t: 330,512,44,10
-	corner-tl: 320,512,10,10
-	corner-tr: 374,512,10,10
-	corner-bl: 320,566,10,10
-	corner-br: 374,566,10,10
+button-pressed:
+	Image: chrome.png
+	PanelRegion: 320, 512, 10, 10, 44, 44, 10, 10

-button-highlighted: chrome.png
-	background: 266,522,44,44
-	border-r: 310,522,10,44
-	border-l: 256,522,10,44
-	border-b: 266,566,44,10
-	border-t: 266,512,44,10
-	corner-tl: 256,512,10,10
-	corner-tr: 310,512,10,10
-	corner-bl: 256,566,10,10
-	corner-br: 310,566,10,10
+button-highlighted:
+	Image: chrome.png
+	PanelRegion: 256, 512, 10, 10, 44, 44, 10, 10

-button-highlighted-hover: chrome.png
+button-highlighted-hover:
 	Inherits: button-pressed
+	Image: chrome.png

-button-highlighted-pressed: chrome.png
+button-highlighted-pressed:
 	Inherits: button-pressed
+	Image: chrome.png

-button-highlighted-disabled: chrome.png
+button-highlighted-disabled:
 	Inherits: button-highlighted
+	Image: chrome.png

-button-highlighted-thin: chrome.png
-	background: 522,522,44,44
-	border-r: 566,522,10,44
-	border-l: 512,522,10,44
-	border-b: 522,566,44,10
-	border-t: 522,512,44,10
-	corner-tl: 512,512,10,10
-	corner-tr: 566,512,10,10
-	corner-bl: 512,566,10,10
-	corner-br: 566,566,10,10
+button-highlighted-thin:
+	Image: chrome.png
+	PanelRegion: 512, 512, 10, 10, 44, 44, 10, 10

-button-highlighted-thin-hover: chrome.png
+button-highlighted-thin-hover:
 	Inherits: button-highlighted-thin-pressed
+	Image: chrome.png

-button-highlighted-thin-pressed: chrome.png
-	background: 586,522,44,44
-	border-r: 630,522,10,44
-	border-l: 576,522,10,44
-	border-b: 586,566,44,10
-	border-t: 586,512,44,10
-	corner-tl: 576,512,10,10
-	corner-tr: 630,512,10,10
-	corner-bl: 576,566,10,10
-	corner-br: 630,566,10,10
+button-highlighted-thin-pressed:
+	Image: chrome.png
+	PanelRegion: 576, 512, 10, 10, 44, 44, 10, 10

-button-highlighted-thin-disabled: chrome.png
+button-highlighted-thin-disabled:
 	Inherits: button-highlighted-thin
+	Image: chrome.png


-progressbar-bg: chrome.png
+progressbar-bg:
+	Image: chrome.png
+	Regions:
 		background: 453, 565, 56, 6
 		border-r: 507, 565, 5, 6
 		border-l: 448, 565, 5, 6
@@ -138,7 +76,9 @@ progressbar-bg: chrome.png
 		corner-bl: 448, 571, 5, 5
 		corner-br: 507, 571, 5, 5

-progressbar-thumb: chrome.png
+progressbar-thumb:
+	Image: chrome.png
+	Regions:
 		background: 453, 549, 56, 6
 		border-r: 507, 549, 5, 6
 		border-l: 448, 549, 5, 6
@@ -149,34 +89,47 @@ progressbar-thumb: chrome.png
 		corner-bl: 448, 555, 5, 5
 		corner-br: 507, 555, 5, 5

-panel-rule: chrome.png
+panel-rule:
+	Image: chrome.png
+	Regions:
 		border-t: 64, 512, 64, 2

-background: chrome.png
-	background:0,0,1024,480
+background:
+	Image: chrome.png
+	PanelRegion: 0, 0, 0, 0, 1024, 480, 0, 0
+	PanelSides: Center

-modcontent: chrome.png
+modcontent:
+	Image: chrome.png
+	Regions:
 		logo: 0, 576, 280, 128
 		leftarrow: 384, 512, 20, 64
 		rightarrow: 404, 512, 20, 64
 		cdicon: 448, 512, 20, 20

-scrollpanel-bg: chrome.png
+scrollpanel-bg:
 	Inherits: panel-thinborder
+	Image: chrome.png

-scrollpanel-button: chrome.png
+scrollpanel-button:
 	Inherits: panel-thinborder
+	Image: chrome.png

-scrollpanel-button-hover: chrome.png
+scrollpanel-button-hover:
 	Inherits: panel-thinborder-light
+	Image: chrome.png

-scrollpanel-button-disabled: chrome.png
+scrollpanel-button-disabled:
 	Inherits: panel-thinborder
+	Image: chrome.png

-scrollpanel-button-pressed: chrome.png
+scrollpanel-button-pressed:
 	Inherits: panel-thinborder-light
+	Image: chrome.png

-scrollbar: chrome.png
+scrollbar:
+	Image: chrome.png
+	Regions:
 		down_arrow: 480, 512, 16, 16
 		down_pressed: 480, 512, 16, 16
 		up_arrow: 480, 528, 16, 16
--- a/mods/ra/chrome.yaml
+++ b/mods/ra/chrome.yaml
--- a/mods/ts/chrome.yaml
+++ b/mods/ts/chrome.yaml