Some more work.

Glamourer/Gui/Colors.cs

@@ -1,4 +1,5 @@
 using Dalamud.Bindings.ImGui;
+using ImSharp;
 
 namespace Glamourer.Gui;
 
@@ -79,7 +80,7 @@ public static class Colors
     private static IReadOnlyDictionary<ColorId, uint> _colors = new Dictionary<ColorId, uint>();
 
     /// <summary> Obtain the configured value for a color. </summary>
-    public static uint Value(this ColorId color)
+    public static Rgba32 Value(this ColorId color)
         => _colors.TryGetValue(color, out var value) ? value : color.Data().DefaultColor;
 
     /// <summary> Set the configurable colors dictionary to a value. </summary>

Glamourer/Gui/Customization/CustomizationDrawer.GenderRace.cs

@@ -1,8 +1,6 @@
 using Dalamud.Interface;
-using Dalamud.Bindings.ImGui;
 using ImSharp;
-using OtterGui;
-using OtterGui.Raii;
+using Luna;
 using Penumbra.GameData.Enums;
 using Penumbra.GameData.Structs;
 
@@ -10,15 +8,19 @@ namespace Glamourer.Gui.Customization;
 
 public partial class CustomizationDrawer
 {
+    private static readonly AwesomeIcon Male    = FontAwesomeIcon.Mars;
+    private static readonly AwesomeIcon Female  = FontAwesomeIcon.Venus;
+    private static readonly AwesomeIcon Unknown = FontAwesomeIcon.Question;
+
     private void DrawRaceGenderSelector()
     {
         DrawGenderSelector();
         Im.Line.Same();
-        using var group = ImRaii.Group();
+        using var group = Im.Group();
         DrawRaceCombo();
         if (_withApply)
         {
-            using var disabled = ImRaii.Disabled(_locked);
+            using var disabled = Im.Disabled(_locked);
             if (UiHelpers.DrawCheckbox("##applyGender", "Apply gender of this design.", ChangeApply.HasFlag(CustomizeFlag.Gender),
                     out var applyGender, _locked))
                 ChangeApply = applyGender ? ChangeApply | CustomizeFlag.Gender : ChangeApply & ~CustomizeFlag.Gender;
@@ -29,61 +31,60 @@ public partial class CustomizationDrawer
             Im.Line.Same();
         }
 
-        ImGui.AlignTextToFramePadding();
-        ImGui.TextUnformatted("Gender & Clan");
+        ImEx.TextFrameAligned("Gender & Clan"u8);
     }
 
     private void DrawGenderSelector()
     {
-        using (ImRaii.Disabled(_locked || _lockedRedraw))
+        using (Im.Disabled(_locked || _lockedRedraw))
         {
             var icon = _customize.Gender switch
             {
-                Gender.Male   => FontAwesomeIcon.Mars,
-                Gender.Female => FontAwesomeIcon.Venus,
-                _             => FontAwesomeIcon.Question,
+                Gender.Male   => Male,
+                Gender.Female => Female,
+                _             => Unknown,
             };
 
-            if (ImGuiUtil.DrawDisabledButton(icon.ToIconString(), _framedIconSize, string.Empty,
-                    icon is not FontAwesomeIcon.Mars and not FontAwesomeIcon.Venus, true))
-                Changed |= service.ChangeGender(ref _customize, icon is FontAwesomeIcon.Mars ? Gender.Female : Gender.Male);
+            if (ImEx.Icon.Button(icon, StringU8.Empty, icon != Unknown, _framedIconSize))
+                Changed |= service.ChangeGender(ref _customize, icon == Male ? Gender.Female : Gender.Male);
         }
 
-        if (_lockedRedraw && ImGui.IsItemHovered(ImGuiHoveredFlags.AllowWhenDisabled))
-            ImGui.SetTooltip(
-                "The gender can not be changed as this requires a redraw of the character, which is not supported for this actor.");
+        if (_lockedRedraw)
+            Im.Tooltip.OnHover(HoveredFlags.AllowWhenDisabled,
+                "The gender can not be changed as this requires a redraw of the character, which is not supported for this actor."u8);
     }
 
     private void DrawRaceCombo()
     {
-        using (ImRaii.Disabled(_locked || _lockedRedraw))
+        using (Im.Disabled(_locked || _lockedRedraw))
         {
-            ImGui.SetNextItemWidth(_raceSelectorWidth);
-            using (var combo = ImRaii.Combo("##subRaceCombo", service.ClanName(_customize.Clan, _customize.Gender)))
+            Im.Item.SetNextWidth(_raceSelectorWidth);
+            using (var combo = Im.Combo.Begin("##subRaceCombo"u8, service.ClanName(_customize.Clan, _customize.Gender)))
             {
                 if (combo)
-                    foreach (var subRace in Enum.GetValues<SubRace>().Skip(1)) // Skip Unknown
+                    foreach (var subRace in SubRace.Values.Skip(1)) // Skip Unknown
                     {
-                        if (ImGui.Selectable(service.ClanName(subRace, _customize.Gender), subRace == _customize.Clan))
+                        if (Im.Selectable(service.ClanName(subRace, _customize.Gender), subRace == _customize.Clan))
                             Changed |= service.ChangeClan(ref _customize, subRace);
                     }
             }
         }
 
-        if (_lockedRedraw && ImGui.IsItemHovered(ImGuiHoveredFlags.AllowWhenDisabled))
-            ImGui.SetTooltip("The race can not be changed as this requires a redraw of the character, which is not supported for this actor.");
+        if (_lockedRedraw)
+            Im.Tooltip.OnHover(HoveredFlags.AllowWhenDisabled,
+                "The race can not be changed as this requires a redraw of the character, which is not supported for this actor."u8);
     }
 
     private void DrawBodyType()
     {
-        if (_customize.BodyType.Value == 1)
+        if (_customize.BodyType.Value is 1)
             return;
 
-        var label = _lockedRedraw
-            ? $"Body Type {_customize.BodyType.Value}"
-            : $"Reset Body Type {_customize.BodyType.Value} to Default";
-        if (!ImGuiUtil.DrawDisabledButton(label, new Vector2(_raceSelectorWidth + _framedIconSize.X + ImGui.GetStyle().ItemSpacing.X, 0),
-                string.Empty, _lockedRedraw))
+        if (!ImEx.Button(_lockedRedraw
+                    ? $"Body Type {_customize.BodyType.Value}"
+                    : $"Reset Body Type {_customize.BodyType.Value} to Default",
+                new Vector2(_raceSelectorWidth + _framedIconSize.X + Im.Style.ItemSpacing.X, 0),
+                StringU8.Empty, _lockedRedraw))
             return;
 
         Changed             |= CustomizeFlag.BodyType;

Glamourer/Gui/Customization/CustomizationDrawer.Icon.cs

@@ -1,11 +1,8 @@
 using Dalamud.Interface.Textures.TextureWraps;
 using Glamourer.GameData;
 using Glamourer.Unlocks;
-using Dalamud.Bindings.ImGui;
 using ImSharp;
-using OtterGui;
-using OtterGui.Extensions;
-using OtterGui.Raii;
+using Luna;
 using Penumbra.GameData.Enums;
 using Penumbra.GameData.Structs;
 
@@ -13,12 +10,13 @@ namespace Glamourer.Gui.Customization;
 
 public partial class CustomizationDrawer
 {
-    private const string IconSelectorPopup = "Style Picker";
+    private static ReadOnlySpan<byte> IconSelectorPopup
+        => "Style Picker"u8;
 
     private void DrawIconSelector(CustomizeIndex index)
     {
         using var id       = SetId(index);
-        using var bigGroup = ImRaii.Group();
+        using var bigGroup = Im.Group();
         var       label    = _currentOption;
 
         var current         = _set.DataByValue(index, _currentByte, out var custom, _customize.Face);
@@ -26,7 +24,7 @@ public partial class CustomizationDrawer
         var npc             = false;
         if (current < 0)
         {
-            label   = $"{_currentOption} (NPC)";
+            label   = new StringU8($"{_currentOption} (NPC)");
             current = 0;
             custom  = _set.Data(index, 0);
             npc     = true;
@@ -34,11 +32,11 @@ public partial class CustomizationDrawer
 
         var icon    = service.Manager.GetIcon(custom!.Value.IconId);
         var hasIcon = icon.TryGetWrap(out var wrap, out _);
-        using (_ = ImRaii.Disabled(_locked || _currentIndex is CustomizeIndex.Face && _lockedRedraw))
+        using (Im.Disabled(_locked || _currentIndex is CustomizeIndex.Face && _lockedRedraw))
         {
-            if (ImGui.ImageButton(wrap?.Handle ?? icon.GetWrapOrEmpty().Handle, _iconSize))
+            if (Im.Image.Button(wrap?.Id ?? icon.GetWrapOrEmpty().Id, _iconSize))
             {
-                ImGui.OpenPopup(IconSelectorPopup);
+                Im.Popup.Open(IconSelectorPopup);
             }
             else if (originalCurrent >= 0 && CaptureMouseWheel(ref current, 0, _currentCount))
             {
@@ -48,15 +46,15 @@ public partial class CustomizationDrawer
         }
 
         if (hasIcon)
-            ImGuiUtil.HoverIconTooltip(wrap!, _iconSize);
+            Im.Tooltip.ImageOnHover(wrap!.Id, _iconSize);
 
         Im.Line.Same();
-        using (_ = ImRaii.Group())
+        using (Im.Group())
         {
             DataInputInt(current, npc);
-            if (_lockedRedraw && ImGui.IsItemHovered(ImGuiHoveredFlags.AllowWhenDisabled))
-                ImGui.SetTooltip(
-                    "The face can not be changed as this requires a redraw of the character, which is not supported for this actor.");
+            if (_lockedRedraw)
+                Im.Tooltip.OnHover(HoveredFlags.AllowWhenDisabled,
+                    "The face can not be changed as this requires a redraw of the character, which is not supported for this actor."u8);
 
             if (_withApply)
             {
@@ -64,7 +62,7 @@ public partial class CustomizationDrawer
                 Im.Line.Same();
             }
 
-            ImGui.TextUnformatted(label);
+            Im.Text(label);
         }
 
         DrawIconPickerPopup(current);
@@ -72,47 +70,47 @@ public partial class CustomizationDrawer
 
     private void DrawIconPickerPopup(int current)
     {
-        using var popup = ImRaii.Popup(IconSelectorPopup, ImGuiWindowFlags.AlwaysAutoResize);
+        using var popup = Im.Popup.Begin(IconSelectorPopup, WindowFlags.AlwaysAutoResize);
         if (!popup)
             return;
 
-        using var style = ImRaii.PushStyle(ImGuiStyleVar.ItemSpacing, Vector2.Zero)
-            .Push(ImGuiStyleVar.FrameRounding, 0);
+        using var style = ImStyleDouble.ItemSpacing.Push(Vector2.Zero)
+            .Push(ImStyleSingle.FrameRounding, 0);
         for (var i = 0; i < _currentCount; ++i)
         {
             var custom = _set.Data(_currentIndex, i, _customize.Face);
             var icon   = service.Manager.GetIcon(custom.IconId);
-            using (var _ = ImRaii.Group())
+            using (Im.Group())
             {
                 var isFavorite = favorites.Contains(_set.Gender, _set.Clan, _currentIndex, custom.Value);
                 using var frameColor = current == i
-                    ? ImRaii.PushColor(ImGuiCol.Button, Colors.SelectedRed)
-                    : ImRaii.PushColor(ImGuiCol.Button, ColorId.FavoriteStarOn.Value(), isFavorite);
-                var hasIcon = icon.TryGetWrap(out var wrap, out var _);
+                    ? ImGuiColor.Button.Push(Colors.SelectedRed)
+                    : ImGuiColor.Button.Push(ColorId.FavoriteStarOn.Value(), isFavorite);
+                var hasIcon = icon.TryGetWrap(out var wrap, out _);
 
-                if (ImGui.ImageButton(wrap?.Handle ?? icon.GetWrapOrEmpty().Handle, _iconSize))
+                if (Im.Image.Button(wrap?.Id ?? icon.GetWrapOrEmpty().Id, _iconSize))
                 {
                     UpdateValue(custom.Value);
-                    ImGui.CloseCurrentPopup();
+                    Im.Popup.CloseCurrent();
                 }
 
-                if (ImGui.IsItemClicked(ImGuiMouseButton.Right))
+                if (Im.Item.RightClicked())
                     if (isFavorite)
                         favorites.Remove(_set.Gender, _set.Clan, _currentIndex, custom.Value);
                     else
                         favorites.TryAdd(_set.Gender, _set.Clan, _currentIndex, custom.Value);
 
                 if (hasIcon)
-                    ImGuiUtil.HoverIconTooltip(wrap!, _iconSize,
-                        FavoriteManager.TypeAllowed(_currentIndex) ? "Right-Click to toggle favorite." : string.Empty);
+                    Im.Tooltip.ImageOnHover(wrap!.Id, _iconSize,
+                        FavoriteManager.TypeAllowed(_currentIndex) ? "Right-Click to toggle favorite."u8 : StringU8.Empty);
 
-                var text      = custom.Value.ToString();
-                var textWidth = ImGui.CalcTextSize(text).X;
-                ImGui.SetCursorPosX(ImGui.GetCursorPosX() + (_iconSize.X - textWidth + 2 * ImGui.GetStyle().FramePadding.X) / 2);
-                ImGui.TextUnformatted(text);
+                var text      = new StringU8($"{custom.Value.Value}");
+                var textWidth = Im.Font.CalculateButtonSize(text).X;
+                Im.Cursor.X += +(_iconSize.X - textWidth) / 2;
+                Im.Text(text);
             }
 
-            if (i % 8 != 7)
+            if (i % 8 is not 7)
                 Im.Line.Same();
         }
     }
@@ -121,18 +119,18 @@ public partial class CustomizationDrawer
     // Only used for facial features, so fixed ID.
     private void DrawMultiIconSelector()
     {
-        using var bigGroup = ImRaii.Group();
-        using var disabled = ImRaii.Disabled(_locked);
+        using var bigGroup = Im.Group();
+        using var disabled = Im.Disabled(_locked);
         DrawMultiIcons();
         Im.Line.Same();
-        using var group = ImRaii.Group();
+        using var group = Im.Group();
 
         _currentCount = 256;
         if (_withApply)
         {
             ApplyCheckbox(CustomizeIndex.FacialFeature1);
             Im.Line.Same();
-            ImGui.SetCursorPosX(ImGui.GetCursorPosX() + _spacing.X);
+            Im.Cursor.X += _spacing.X;
             ApplyCheckbox(CustomizeIndex.FacialFeature2);
             Im.Line.Same();
             ApplyCheckbox(CustomizeIndex.FacialFeature3);
@@ -141,64 +139,62 @@ public partial class CustomizationDrawer
         }
         else
         {
-            ImGui.Dummy(new Vector2(ImGui.GetFrameHeight()));
+            Im.FrameDummy();
         }
 
         var oldValue = _customize.AtIndex(_currentIndex.ToByteAndMask().ByteIdx);
         var tmp      = (int)oldValue.Value;
-        ImGui.SetNextItemWidth(_inputIntSize);
-        if (ImGui.InputInt("##text", ref tmp, 1, 1))
+        Im.Item.SetNextWidth(_inputIntSize);
+        if (Im.Input.Scalar("##text"u8, ref tmp, 1, 1))
         {
             tmp = Math.Clamp(tmp, 0, byte.MaxValue);
             if (tmp != oldValue.Value)
             {
                 _customize.SetByIndex(_currentIndex.ToByteAndMask().ByteIdx, (CustomizeValue)tmp);
                 var changes = (byte)tmp ^ oldValue.Value;
-                Changed |= ((changes & 0x01) == 0x01 ? CustomizeFlag.FacialFeature1 : 0)
-                  | ((changes & 0x02) == 0x02 ? CustomizeFlag.FacialFeature2 : 0)
-                  | ((changes & 0x04) == 0x04 ? CustomizeFlag.FacialFeature3 : 0)
-                  | ((changes & 0x08) == 0x08 ? CustomizeFlag.FacialFeature4 : 0)
-                  | ((changes & 0x10) == 0x10 ? CustomizeFlag.FacialFeature5 : 0)
-                  | ((changes & 0x20) == 0x20 ? CustomizeFlag.FacialFeature6 : 0)
-                  | ((changes & 0x40) == 0x40 ? CustomizeFlag.FacialFeature7 : 0)
-                  | ((changes & 0x80) == 0x80 ? CustomizeFlag.LegacyTattoo : 0);
+                Changed |= ((changes & 0x01) is 0x01 ? CustomizeFlag.FacialFeature1 : 0)
+                  | ((changes & 0x02) is 0x02 ? CustomizeFlag.FacialFeature2 : 0)
+                  | ((changes & 0x04) is 0x04 ? CustomizeFlag.FacialFeature3 : 0)
+                  | ((changes & 0x08) is 0x08 ? CustomizeFlag.FacialFeature4 : 0)
+                  | ((changes & 0x10) is 0x10 ? CustomizeFlag.FacialFeature5 : 0)
+                  | ((changes & 0x20) is 0x20 ? CustomizeFlag.FacialFeature6 : 0)
+                  | ((changes & 0x40) is 0x40 ? CustomizeFlag.FacialFeature7 : 0)
+                  | ((changes & 0x80) is 0x80 ? CustomizeFlag.LegacyTattoo : 0);
             }
         }
 
         if (_set.DataByValue(CustomizeIndex.Face, _customize.Face, out _, _customize.Face) < 0)
         {
             Im.Line.Same();
-            ImGui.AlignTextToFramePadding();
-            using var _ = ImRaii.Enabled();
-            ImGui.TextUnformatted("(Using Face 1)");
+            using var _ = Im.Enabled();
+            ImEx.TextFrameAligned("(Using Face 1)"u8);
         }
 
-        ImGui.SetCursorPosY(ImGui.GetCursorPosY() + _spacing.Y);
-        ImGui.AlignTextToFramePadding();
-        using (var _ = ImRaii.Enabled())
+        Im.Cursor.Y += _spacing.Y;
+        using (Im.Enabled())
         {
-            ImGui.TextUnformatted("Facial Features & Tattoos");
+            ImEx.TextFrameAligned("Facial Features & Tattoos"u8);
         }
 
-        if (_withApply)
-        {
-            ApplyCheckbox(CustomizeIndex.FacialFeature5);
-            Im.Line.Same();
-            ImGui.SetCursorPosX(ImGui.GetCursorPosX() + _spacing.X);
-            ApplyCheckbox(CustomizeIndex.FacialFeature6);
-            Im.Line.Same();
-            ApplyCheckbox(CustomizeIndex.FacialFeature7);
-            Im.Line.Same();
-            ApplyCheckbox(CustomizeIndex.LegacyTattoo);
-        }
+        if (!_withApply)
+            return;
+
+        ApplyCheckbox(CustomizeIndex.FacialFeature5);
+        Im.Line.Same();
+        Im.Cursor.X += _spacing.X;
+        ApplyCheckbox(CustomizeIndex.FacialFeature6);
+        Im.Line.Same();
+        ApplyCheckbox(CustomizeIndex.FacialFeature7);
+        Im.Line.Same();
+        ApplyCheckbox(CustomizeIndex.LegacyTattoo);
     }
 
     private void DrawMultiIcons()
     {
         var options = _set.Order[MenuType.IconCheckmark];
-        using var group = ImRaii.Group();
+        using var group = Im.Group();
         var face = _set.DataByValue(CustomizeIndex.Face, _customize.Face, out _, _customize.Face) < 0 ? _set.Faces[0].Value : _customize.Face;
-        foreach (var (featureIdx, idx) in options.WithIndex())
+        foreach (var (idx, featureIdx) in options.Index())
         {
             using var            id      = SetId(featureIdx);
             var                  enabled = _customize.Get(featureIdx) != CustomizeValue.Zero;
@@ -209,23 +205,24 @@ public partial class CustomizationDrawer
             if (featureIdx is CustomizeIndex.LegacyTattoo)
             {
                 wrap    = _legacyTattoo;
-                hasIcon = wrap != null;
+                hasIcon = wrap is not null;
             }
             else
             {
                 hasIcon = icon.TryGetWrap(out wrap, out _);
             }
 
-            if (ImGui.ImageButton(wrap?.Handle ?? icon.GetWrapOrEmpty().Handle, _iconSize, Vector2.Zero, Vector2.One,
-                    (int)ImGui.GetStyle().FramePadding.X, Vector4.Zero, enabled ? Vector4.One : _redTint))
+            if (Im.Image.Button(wrap?.Id ?? icon.GetWrapOrEmpty().Id, _iconSize, Vector2.Zero, Vector2.One, Vector4.Zero,
+                    enabled ? Vector4.One : _redTint,
+                    (int)Im.Style.FramePadding.X))
             {
                 _customize.Set(featureIdx, enabled ? CustomizeValue.Zero : CustomizeValue.Max);
                 Changed |= _currentFlag;
             }
 
             if (hasIcon)
-                ImGuiUtil.HoverIconTooltip(wrap!, _iconSize);
-            if (idx % 4 != 3)
+                Im.Tooltip.ImageOnHover(wrap!.Id, _iconSize);
+            if (idx % 4 is not 3)
                 Im.Line.Same();
         }
     }

Glamourer/Gui/Customization/CustomizationDrawer.Simple.cs

@@ -1,8 +1,5 @@
-using Dalamud.Bindings.ImGui;
+using System.Text.Unicode;
 using ImSharp;
-using OtterGui;
-using OtterGui.Raii;
-using OtterGuiInternal;
 using Penumbra.GameData.Enums;
 using Penumbra.GameData.Structs;
 
@@ -13,9 +10,9 @@ public partial class CustomizationDrawer
     private void PercentageSelector(CustomizeIndex index)
     {
         using var _        = SetId(index);
-        using var bigGroup = ImRaii.Group();
+        using var bigGroup = Im.Group();
 
-        using (var disabled = ImRaii.Disabled(_locked))
+        using (Im.Disabled(_locked))
         {
             DrawPercentageSlider();
             Im.Line.Same();
@@ -28,8 +25,7 @@ public partial class CustomizationDrawer
         }
 
         Im.Line.Same();
-        ImGui.AlignTextToFramePadding();
-        ImGui.TextUnformatted(_currentOption);
+        ImEx.TextFrameAligned(_currentOption);
         if (_currentIndex is CustomizeIndex.Height)
             DrawHeight();
     }
@@ -42,24 +38,26 @@ public partial class CustomizationDrawer
         var height = heightService.Height(_customize);
         Im.Line.Same();
 
-        var heightString = config.HeightDisplayType switch
-        {
-            HeightDisplayType.Centimetre  => FormattableString.Invariant($"({height * 100:F1} cm)"),
-            HeightDisplayType.Metre       => FormattableString.Invariant($"({height:F2} m)"),
-            HeightDisplayType.Wrong       => FormattableString.Invariant($"({height * 100 / 2.539:F1} in)"),
-            HeightDisplayType.WrongFoot   => $"({(int)(height * 100 / 2.539 / 12)}'{(int)(height * 100 / 2.539) % 12}'')",
-            HeightDisplayType.Corgi       => FormattableString.Invariant($"({height * 100 / 40.0:F1} Corgis)"),
-            HeightDisplayType.OlympicPool => FormattableString.Invariant($"({height / 3.0:F3} Pools)"),
-            _                             => FormattableString.Invariant($"({height})"),
-        };
-        ImGui.TextUnformatted(heightString);
+        Span<byte> t  = stackalloc byte[64];
+        var        ic = CultureInfo.InvariantCulture;
+        if (config.HeightDisplayType switch
+            {
+                HeightDisplayType.Centimetre  => Utf8.TryWrite(t, ic, $"({height * 100:F1} cm)",                                      out _),
+                HeightDisplayType.Metre       => Utf8.TryWrite(t, ic, $"({height:F2} m)",                                             out _),
+                HeightDisplayType.Wrong       => Utf8.TryWrite(t, ic, $"({height * 100 / 2.539:F1} in)",                              out _),
+                HeightDisplayType.WrongFoot   => Utf8.TryWrite(t, ic, $"({(int)(height * 3.2821)}'{(int)(height * 39.3856) % 12}'')", out _),
+                HeightDisplayType.Corgi       => Utf8.TryWrite(t, ic, $"({height * 100 / 40.0:F1} Corgis)",                           out _),
+                HeightDisplayType.OlympicPool => Utf8.TryWrite(t, ic, $"({height / 3.0:F3} Pools)",                                   out _),
+                _                             => Utf8.TryWrite(t, ic, $"({height})",                                                  out _),
+            })
+            Im.Text(t);
     }
 
     private void DrawPercentageSlider()
     {
         var tmp = (int)_currentByte.Value;
-        ImGui.SetNextItemWidth(_comboSelectorSize);
-        if (ImGui.SliderInt("##slider", ref tmp, 0, _currentCount - 1, "%i", ImGuiSliderFlags.AlwaysClamp)
+        Im.Item.SetNextWidth(_comboSelectorSize);
+        if (Im.Slider("##slider"u8, ref tmp, "%i"u8, 0, _currentCount - 1, SliderFlags.AlwaysClamp)
          || CaptureMouseWheel(ref tmp, 0, _currentCount))
             UpdateValue((CustomizeValue)tmp);
     }
@@ -67,15 +65,15 @@ public partial class CustomizationDrawer
     private void PercentageInputInt()
     {
         var tmp = (int)_currentByte.Value;
-        ImGui.SetNextItemWidth(_inputIntSize);
-        var cap = ImGui.GetIO().KeyCtrl ? byte.MaxValue : _currentCount - 1;
-        if (ImGui.InputInt("##text", ref tmp, 1, 1))
+        Im.Item.SetNextWidth(_inputIntSize);
+        var cap = Im.Io.KeyControl ? byte.MaxValue : _currentCount - 1;
+        if (Im.Input.Scalar("##text"u8, ref tmp, 1, 1))
         {
             var newValue = (CustomizeValue)Math.Clamp(tmp, 0, cap);
             UpdateValue(newValue);
         }
 
-        ImGuiUtil.HoverTooltip($"Input Range: [0, {_currentCount - 1}]\n"
+        Im.Tooltip.OnHover($"Input Range: [0, {_currentCount - 1}]\n"
           + "Hold Control to force updates with invalid/unknown options at your own risk.");
     }
 
@@ -87,15 +85,15 @@ public partial class CustomizationDrawer
         if (_currentIndex is CustomizeIndex.Face && _set.Race is Race.Hrothgar && value is > 4 and < 9)
             value -= 4;
 
-        using var group    = ImRaii.Group();
-        using var disabled = ImRaii.Disabled(_locked || _currentIndex is CustomizeIndex.Face && _lockedRedraw);
-        ImGui.SetNextItemWidth(_inputIntSizeNoButtons);
-        if (ImGui.InputInt("##text", ref value, 0, 0))
+        using var group    = Im.Group();
+        using var disabled = Im.Disabled(_locked || _currentIndex is CustomizeIndex.Face && _lockedRedraw);
+        Im.Item.SetNextWidth(_inputIntSizeNoButtons);
+        if (Im.Input.Scalar("##text"u8, ref value))
         {
             var index = _set.DataByValue(_currentIndex, (CustomizeValue)value, out var data, _customize.Face);
             if (index >= 0)
                 UpdateValue(data!.Value.Value);
-            else if (ImGui.GetIO().KeyCtrl)
+            else if (Im.Io.KeyControl)
                 UpdateValue((CustomizeValue)value);
         }
         else
@@ -104,17 +102,16 @@ public partial class CustomizationDrawer
         }
 
         if (!_withApply)
-            ImGuiUtil.HoverTooltip("Hold Control to force updates with invalid/unknown options at your own risk.");
+            Im.Tooltip.OnHover("Hold Control to force updates with invalid/unknown options at your own risk.");
 
+        var size = new Vector2(Im.Style.FrameHeight);
         Im.Line.Same();
-        if (ImGuiUtil.DrawDisabledButton("-", new Vector2(ImGui.GetFrameHeight()), "Select the previous available option in order.",
-                currentIndex <= 0))
+        if (ImEx.Button("-"u8, size, "Select the previous available option in order."u8, currentIndex <= 0))
             UpdateValue(_set.Data(_currentIndex, currentIndex - 1, _customize.Face).Value);
         else
             CheckWheel();
         Im.Line.Same();
-        if (ImGuiUtil.DrawDisabledButton("+", new Vector2(ImGui.GetFrameHeight()), "Select the next available option in order.",
-                currentIndex >= _currentCount - 1 || npc))
+        if (ImEx.Button("+"u8, size, "Select the next available option in order."u8, currentIndex >= _currentCount - 1 || npc))
             UpdateValue(_set.Data(_currentIndex, currentIndex + 1, _customize.Face).Value);
         else
             CheckWheel();
@@ -133,9 +130,9 @@ public partial class CustomizationDrawer
     private void DrawListSelector(CustomizeIndex index, bool indexedBy1)
     {
         using var id       = SetId(index);
-        using var bigGroup = ImRaii.Group();
+        using var bigGroup = Im.Group();
 
-        using (_ = ImRaii.Disabled(_locked))
+        using (Im.Disabled(_locked))
         {
             if (indexedBy1)
             {
@@ -158,21 +155,20 @@ public partial class CustomizationDrawer
         }
 
         Im.Line.Same();
-        ImGui.AlignTextToFramePadding();
-        ImGui.TextUnformatted(_currentOption);
+        ImEx.TextFrameAligned(_currentOption);
     }
 
     private void ListCombo0()
     {
-        ImGui.SetNextItemWidth(_comboSelectorSize * ImGui.GetIO().FontGlobalScale);
+        Im.Item.SetNextWidth(_comboSelectorSize * Im.Io.GlobalScale);
         var current = (int)_currentByte.Value;
-        using (var combo = ImRaii.Combo("##combo", $"{_currentOption} #{current + 1}"))
+        using (var combo = Im.Combo.Begin("##combo"u8, $"{_currentOption} #{current + 1}"))
         {
             if (combo)
 
                 for (var i = 0; i < _currentCount; ++i)
                 {
-                    if (ImGui.Selectable($"{_currentOption} #{i + 1}##combo", i == current))
+                    if (Im.Selectable($"{_currentOption} #{i + 1}##combo", i == current))
                         UpdateValue((CustomizeValue)i);
                 }
         }
@@ -184,28 +180,28 @@ public partial class CustomizationDrawer
     private void ListInputInt0()
     {
         var tmp = _currentByte.Value + 1;
-        ImGui.SetNextItemWidth(_inputIntSize);
-        var cap = ImGui.GetIO().KeyCtrl ? byte.MaxValue + 1 : _currentCount;
-        if (ImGui.InputInt("##text", ref tmp, 1, 1))
+        Im.Item.SetNextWidth(_inputIntSize);
+        var cap = Im.Io.KeyControl ? byte.MaxValue + 1 : _currentCount;
+        if (Im.Input.Scalar("##text"u8, ref tmp, 1, 1))
         {
             var newValue = Math.Clamp(tmp, 1, cap);
             UpdateValue((CustomizeValue)(newValue - 1));
         }
 
-        ImGuiUtil.HoverTooltip($"Input Range: [1, {_currentCount}]\n"
+        Im.Tooltip.OnHover($"Input Range: [1, {_currentCount}]\n"
           + "Hold Control to force updates with invalid/unknown options at your own risk.");
     }
 
     private void ListCombo1()
     {
-        ImGui.SetNextItemWidth(_comboSelectorSize * ImGui.GetIO().FontGlobalScale);
+        Im.Item.SetNextWidth(_comboSelectorSize * Im.Io.GlobalScale);
         var current = (int)_currentByte.Value;
-        using (var combo = ImRaii.Combo("##combo", $"{_currentOption} #{current}"))
+        using (var combo = Im.Combo.Begin("##combo"u8, $"{_currentOption} #{current}"))
         {
             if (combo)
                 for (var i = 1; i <= _currentCount; ++i)
                 {
-                    if (ImGui.Selectable($"{_currentOption} #{i}##combo", i == current))
+                    if (Im.Selectable($"{_currentOption} #{i}##combo", i == current))
                         UpdateValue((CustomizeValue)i);
                 }
         }
@@ -217,27 +213,27 @@ public partial class CustomizationDrawer
     private void ListInputInt1()
     {
         var tmp = (int)_currentByte.Value;
-        ImGui.SetNextItemWidth(_inputIntSize);
-        var (offset, cap) = ImGui.GetIO().KeyCtrl ? (0, byte.MaxValue) : (1, _currentCount);
-        if (ImGui.InputInt("##text", ref tmp, 1, 1))
+        Im.Item.SetNextWidth(_inputIntSize);
+        var (offset, cap) = Im.Io.KeyControl ? (0, byte.MaxValue) : (1, _currentCount);
+        if (Im.Input.Scalar("##text"u8, ref tmp, 1, 1))
         {
             var newValue = (CustomizeValue)Math.Clamp(tmp, offset, cap);
             UpdateValue(newValue);
         }
 
-        ImGuiUtil.HoverTooltip($"Input Range: [1, {_currentCount}]\n"
+        Im.Tooltip.OnHover($"Input Range: [1, {_currentCount}]\n"
           + "Hold Control to force updates with invalid/unknown options at your own risk.");
     }
 
     private static bool CaptureMouseWheel(ref int value, int offset, int cap)
     {
-        if (!ImGui.IsItemHovered() || !ImGui.GetIO().KeyCtrl)
+        if (!Im.Item.Hovered() || !Im.Io.KeyControl)
             return false;
 
-        ImGuiInternal.ItemSetUsingMouseWheel();
+        Im.Item.SetUsingMouseWheel();
 
-        var mw = (int)ImGui.GetIO().MouseWheel;
-        if (mw == 0)
+        var mw = (int)Im.Io.MouseWheel;
+        if (mw is 0)
             return false;
 
         value -= offset;
@@ -262,9 +258,7 @@ public partial class CustomizationDrawer
                     _customize.Set(idx, newValue ? CustomizeValue.Max : CustomizeValue.Zero);
                     Changed |= _currentFlag;
                     break;
-                case (false, true):
-                    ChangeApply = newApply ? ChangeApply | _currentFlag : ChangeApply & ~_currentFlag;
-                    break;
+                case (false, true): ChangeApply = newApply ? ChangeApply | _currentFlag : ChangeApply & ~_currentFlag; break;
                 case (true, true):
                     ChangeApply = newApply ? ChangeApply | _currentFlag : ChangeApply & ~_currentFlag;
                     _customize.Set(idx, newValue ? CustomizeValue.Max : CustomizeValue.Zero);
@@ -274,9 +268,9 @@ public partial class CustomizationDrawer
         }
         else
         {
-            using (_ = ImRaii.Disabled(_locked))
+            using (Im.Disabled(_locked))
             {
-                if (ImGui.Checkbox("##toggle", ref tmp))
+                if (Im.Checkbox("##toggle"u8, ref tmp))
                 {
                     _customize.Set(idx, tmp ? CustomizeValue.Max : CustomizeValue.Zero);
                     Changed |= _currentFlag;
@@ -284,7 +278,7 @@ public partial class CustomizationDrawer
             }
 
             Im.Line.Same();
-            ImGui.TextUnformatted(_currentIndex.ToDefaultName());
+            Im.Text(_currentIndex.ToDefaultName());
         }
     }
 

Glamourer/Gui/Customization/CustomizationDrawer.cs

@@ -81,7 +81,7 @@ public partial class CustomizationDrawer(
     private CustomizeValue _currentByte = CustomizeValue.Zero;
     private bool           _currentApply;
     private int            _currentCount;
-    private string         _currentOption = string.Empty;
+    private StringU8         _currentOption = StringU8.Empty;
 
     // Prepare a new customization option.
     private Im.IdDisposable SetId(CustomizeIndex index)

Glamourer/Gui/Customization/CustomizeParameterDrawer.cs

@@ -1,20 +1,16 @@
-using Dalamud.Interface;
-using Glamourer.Designs;
+using Glamourer.Designs;
 using Glamourer.GameData;
 using Glamourer.Interop.PalettePlus;
 using Glamourer.State;
-using Dalamud.Bindings.ImGui;
 using ImSharp;
 using Luna;
-using OtterGui;
-using OtterGui.Raii;
 
 namespace Glamourer.Gui.Customization;
 
 public class CustomizeParameterDrawer(Configuration config, PaletteImport import) : IService
 {
     private readonly Dictionary<Design, CustomizeParameterData> _lastData    = [];
-    private          string                                     _paletteName = string.Empty;
+    private          StringU8                                   _paletteName = StringU8.Empty;
     private          CustomizeParameterData                     _data;
     private          CustomizeParameterFlag                     _flags;
     private          float                                      _width;
@@ -26,7 +22,7 @@ public class CustomizeParameterDrawer(Configuration config, PaletteImport import
         DrawPaletteImport(designManager, design);
         DrawConfig(true);
 
-        using (_ = ImRaii.ItemWidth(_width - 2 * ImGui.GetFrameHeight() - 2 * ImGui.GetStyle().ItemInnerSpacing.X))
+        using (Im.Item.PushWidth(_width - 2 * Im.Style.FrameHeight - 2 * Im.Style.ItemInnerSpacing.X))
         {
             foreach (var flag in CustomizeParameterExtensions.RgbFlags)
                 DrawColorInput3(CustomizeParameterDrawData.FromDesign(designManager, design, flag), true);
@@ -46,7 +42,7 @@ public class CustomizeParameterDrawer(Configuration config, PaletteImport import
     {
         using var generalSize = EnsureSize();
         DrawConfig(false);
-        using (_ = ImRaii.ItemWidth(_width - 2 * ImGui.GetFrameHeight() - 2 * ImGui.GetStyle().ItemInnerSpacing.X))
+        using (Im.Item.PushWidth(_width - 2 * Im.Style.FrameHeight - 2 * Im.Style.ItemInnerSpacing.X))
         {
             foreach (var flag in CustomizeParameterExtensions.RgbFlags)
                 DrawColorInput3(CustomizeParameterDrawData.FromState(stateManager, state, flag), state.ModelData.Customize.Highlights);
@@ -64,14 +60,14 @@ public class CustomizeParameterDrawer(Configuration config, PaletteImport import
 
     private void DrawPaletteCombo()
     {
-        using var id    = ImRaii.PushId("Palettes");
-        using var combo = ImRaii.Combo("##import", _paletteName.Length > 0 ? _paletteName : "Select Palette...");
+        using var id    = Im.Id.Push("Palettes"u8);
+        using var combo = Im.Combo.Begin("##import"u8, _paletteName.Length > 0 ? _paletteName : "Select Palette..."u8);
         if (!combo)
             return;
 
         foreach (var (name, (palette, flags)) in import.Data)
         {
-            if (!ImGui.Selectable(name, _paletteName == name))
+            if (!Im.Selectable(name, _paletteName == name))
                 continue;
 
             _paletteName = name;
@@ -85,37 +81,33 @@ public class CustomizeParameterDrawer(Configuration config, PaletteImport import
         if (!config.ShowPalettePlusImport)
             return;
 
-        var spacing = ImGui.GetStyle().ItemInnerSpacing.X;
-
         DrawPaletteCombo();
 
-        ImGui.SameLine(0, spacing);
+        Im.Line.SameInner();
         var value = true;
-        if (ImGui.Checkbox("Show Import", ref value))
+        if (Im.Checkbox("Show Import"u8, ref value))
         {
             config.ShowPalettePlusImport = false;
             config.Save();
         }
 
-        ImGuiUtil.HoverTooltip("Hide the Palette+ Import bar from all designs. You can re-enable it in Glamourers interface settings.");
+        Im.Tooltip.OnHover("Hide the Palette+ Import bar from all designs. You can re-enable it in Glamourers interface settings."u8);
 
-        var buttonWidth = new Vector2((_width - spacing) / 2, 0);
-        var tt = _paletteName.Length > 0
-            ? $"Apply the imported data from the Palette+ palette [{_paletteName}] to this design."
-            : "Please select a palette first.";
-        if (ImGuiUtil.DrawDisabledButton("Apply Import", buttonWidth, tt, _paletteName.Length == 0 || design.WriteProtected()))
+        var buttonWidth = new Vector2((_width - Im.Style.ItemInnerSpacing.X) / 2, 0);
+        if (ImEx.Button("Apply Import"u8, buttonWidth, _paletteName.Length > 0
+                ? $"Apply the imported data from the Palette+ palette [{_paletteName}] to this design."
+                : "Please select a palette first.", _paletteName.Length is 0 || design.WriteProtected()))
         {
             _lastData[design] = design.DesignData.Parameters;
             foreach (var parameter in _flags.Iterate())
                 manager.ChangeCustomizeParameter(design, parameter, _data[parameter]);
         }
 
-        ImGui.SameLine(0, spacing);
+        Im.Line.SameInner();
         var enabled = _lastData.TryGetValue(design, out var oldData);
-        tt = enabled
-            ? $"Revert to the last set of advanced customization parameters of [{design.Name}] before importing."
-            : $"You have not imported any data that could be reverted for [{design.Name}].";
-        if (ImGuiUtil.DrawDisabledButton("Revert Import", buttonWidth, tt, !enabled || design.WriteProtected()))
+        if (ImEx.Button("Revert Import"u8, buttonWidth, enabled
+                ? $"Revert to the last set of advanced customization parameters of [{design.Name}] before importing."
+                : $"You have not imported any data that could be reverted for [{design.Name}].", !enabled || design.WriteProtected()))
         {
             _lastData.Remove(design);
             foreach (var parameter in CustomizeParameterExtensions.AllFlags)
@@ -133,27 +125,27 @@ public class CustomizeParameterDrawer(Configuration config, PaletteImport import
         DrawColorFormatOptions(withApply);
         var value = config.ShowColorConfig;
         Im.Line.Same();
-        if (ImGui.Checkbox("Show Config", ref value))
+        if (Im.Checkbox("Show Config"u8, ref value))
         {
             config.ShowColorConfig = value;
             config.Save();
         }
 
-        ImGuiUtil.HoverTooltip(
-            "Hide the color configuration options from the Advanced Customization panel. You can re-enable it in Glamourers interface settings.");
+        Im.Tooltip.OnHover(
+            "Hide the color configuration options from the Advanced Customization panel. You can re-enable it in Glamourers interface settings."u8);
     }
 
     private void DrawColorDisplayOptions()
     {
-        using var group = ImRaii.Group();
-        if (ImGui.RadioButton("RGB", config.UseRgbForColors) && !config.UseRgbForColors)
+        using var group = Im.Group();
+        if (Im.RadioButton("RGB"u8, config.UseRgbForColors) && !config.UseRgbForColors)
         {
             config.UseRgbForColors = true;
             config.Save();
         }
 
         Im.Line.Same();
-        if (ImGui.RadioButton("HSV", !config.UseRgbForColors) && config.UseRgbForColors)
+        if (Im.RadioButton("HSV"u8, !config.UseRgbForColors) && config.UseRgbForColors)
         {
             config.UseRgbForColors = false;
             config.Save();
@@ -163,23 +155,23 @@ public class CustomizeParameterDrawer(Configuration config, PaletteImport import
     private void DrawColorFormatOptions(bool withApply)
     {
         var width = _width
-          - (ImGui.CalcTextSize("Float").X
-              + ImGui.CalcTextSize("Integer").X
-              + 2 * (ImGui.GetFrameHeight() + ImGui.GetStyle().ItemSpacing.X)
-              + ImGui.GetStyle().ItemInnerSpacing.X
-              + ImGui.GetItemRectSize().X);
+          - (Im.Font.CalculateSize("Float"u8).X
+              + Im.Font.CalculateButtonSize("Integer"u8).X
+              + 2 * Im.Style.ItemSpacing.X)
+          + Im.Style.ItemInnerSpacing.X
+          + Im.Item.Size.X;
         if (!withApply)
-            width -= ImGui.GetFrameHeight() + ImGui.GetStyle().ItemInnerSpacing.X;
+            width -= Im.Style.FrameHeight + Im.Style.ItemInnerSpacing.X;
 
-        ImGui.SameLine(0, width);
-        if (ImGui.RadioButton("Float", config.UseFloatForColors) && !config.UseFloatForColors)
+        Im.Line.Same(0, width);
+        if (Im.RadioButton("Float"u8, config.UseFloatForColors) && !config.UseFloatForColors)
         {
             config.UseFloatForColors = true;
             config.Save();
         }
 
         Im.Line.Same();
-        if (ImGui.RadioButton("Integer", !config.UseFloatForColors) && config.UseFloatForColors)
+        if (Im.RadioButton("Integer"u8, !config.UseFloatForColors) && config.UseFloatForColors)
         {
             config.UseFloatForColors = false;
             config.Save();
@@ -188,19 +180,19 @@ public class CustomizeParameterDrawer(Configuration config, PaletteImport import
 
     private void DrawColorInput3(in CustomizeParameterDrawData data, bool allowHighlights)
     {
-        using var id           = ImRaii.PushId((int)data.Flag);
+        using var id           = Im.Id.Push((int)data.Flag);
         var       value        = data.CurrentValue.InternalTriple;
         var       noHighlights = !allowHighlights && data.Flag is CustomizeParameterFlag.HairHighlight;
         DrawCopyPasteButtons(data, data.Locked || noHighlights);
-        ImGui.SameLine(0, ImGui.GetStyle().ItemInnerSpacing.X);
-        using (_ = ImRaii.Disabled(data.Locked || noHighlights))
+        Im.Line.SameInner();
+        using (Im.Disabled(data.Locked || noHighlights))
         {
-            if (ImGui.ColorEdit3("##value", ref value, GetFlags()))
+            if (Im.Color.Editor("##value"u8, ref value, GetFlags()))
                 data.ChangeParameter(new CustomizeParameterValue(value));
         }
 
         if (noHighlights)
-            ImGuiUtil.HoverTooltip("Highlights are disabled in your regular customizations.", ImGuiHoveredFlags.AllowWhenDisabled);
+            Im.Tooltip.OnHover(HoveredFlags.AllowWhenDisabled, "Highlights are disabled in your regular customizations."u8);
 
         DrawRevert(data);
 
@@ -209,13 +201,13 @@ public class CustomizeParameterDrawer(Configuration config, PaletteImport import
 
     private void DrawColorInput4(in CustomizeParameterDrawData data)
     {
-        using var id    = ImRaii.PushId((int)data.Flag);
+        using var id    = Im.Id.Push((int)data.Flag);
         var       value = data.CurrentValue.InternalQuadruple;
         DrawCopyPasteButtons(data, data.Locked);
-        ImGui.SameLine(0, ImGui.GetStyle().ItemInnerSpacing.X);
-        using (_ = ImRaii.Disabled(data.Locked))
+        Im.Line.SameInner();
+        using (Im.Disabled(data.Locked))
         {
-            if (ImGui.ColorEdit4("##value", ref value, GetFlags() | ImGuiColorEditFlags.AlphaPreviewHalf))
+            if (Im.Color.Editor("##value"u8, ref value, GetFlags() | ColorEditorFlags.AlphaPreviewHalf))
                 data.ChangeParameter(new CustomizeParameterValue(value));
         }
 
@@ -226,12 +218,12 @@ public class CustomizeParameterDrawer(Configuration config, PaletteImport import
 
     private void DrawValueInput(in CustomizeParameterDrawData data)
     {
-        using var id    = ImRaii.PushId((int)data.Flag);
+        using var id    = Im.Id.Push((int)data.Flag);
         var       value = data.CurrentValue[0];
 
-        using (_ = ImRaii.Disabled(data.Locked))
+        using (Im.Disabled(data.Locked))
         {
-            if (ImGui.InputFloat("##value", ref value, 0.1f, 0.5f))
+            if (Im.Input.Scalar("##value"u8, ref value, 0.1f, 0.5f))
                 data.ChangeParameter(new CustomizeParameterValue(value));
         }
 
@@ -242,14 +234,14 @@ public class CustomizeParameterDrawer(Configuration config, PaletteImport import
 
     private void DrawPercentageInput(in CustomizeParameterDrawData data)
     {
-        using var id    = ImRaii.PushId((int)data.Flag);
+        using var id    = Im.Id.Push((int)data.Flag);
         var       value = data.CurrentValue[0] * 100f;
 
-        using (_ = ImRaii.Disabled(data.Locked))
+        using (Im.Disabled(data.Locked))
         {
-            if (ImGui.SliderFloat("##value", ref value, -100f, 300, "%.2f"))
+            if (Im.Slider("##value"u8, ref value, "%.2f"u8, -100f, 300))
                 data.ChangeParameter(new CustomizeParameterValue(value / 100f));
-            ImGuiUtil.HoverTooltip("You can control-click this to enter arbitrary values by hand instead of dragging.");
+            Im.Tooltip.OnHover("You can control-click this to enter arbitrary values by hand instead of dragging."u8);
         }
 
         DrawRevert(data);
@@ -262,10 +254,10 @@ public class CustomizeParameterDrawer(Configuration config, PaletteImport import
         if (data.Locked || !data.AllowRevert)
             return;
 
-        if (ImGui.IsItemClicked(ImGuiMouseButton.Right) && ImGui.GetIO().KeyCtrl)
+        if (Im.Item.RightClicked() && Im.Io.KeyControl)
             data.ChangeParameter(data.GameValue);
 
-        ImGuiUtil.HoverTooltip("Hold Control and Right-click to revert to game values.");
+        Im.Tooltip.OnHover("Hold Control and Right-click to revert to game values."u8);
     }
 
     private static void DrawApply(in CustomizeParameterDrawData data)
@@ -279,38 +271,37 @@ public class CustomizeParameterDrawer(Configuration config, PaletteImport import
     {
         if (data.DisplayApplication && !config.HideApplyCheckmarks)
         {
-            ImGui.SameLine(0, ImGui.GetStyle().ItemInnerSpacing.X);
+            Im.Line.SameInner();
             DrawApply(data);
         }
 
-        ImGui.SameLine(0, ImGui.GetStyle().ItemInnerSpacing.X);
-        ImGui.TextUnformatted(data.Flag.ToName());
+        Im.Line.SameInner();
+        Im.Text(data.Flag.ToNameU8());
     }
 
-    private ImGuiColorEditFlags GetFlags()
-        => Format | Display | ImGuiColorEditFlags.Hdr | ImGuiColorEditFlags.NoOptions;
+    private ColorEditorFlags GetFlags()
+        => Format | Display | ColorEditorFlags.Hdr | ColorEditorFlags.NoOptions;
 
-    private ImGuiColorEditFlags Format
-        => config.UseFloatForColors ? ImGuiColorEditFlags.Float : ImGuiColorEditFlags.Uint8;
+    private ColorEditorFlags Format
+        => config.UseFloatForColors ? ColorEditorFlags.Float : ColorEditorFlags.Uint8;
 
-    private ImGuiColorEditFlags Display
-        => config.UseRgbForColors ? ImGuiColorEditFlags.DisplayRgb : ImGuiColorEditFlags.DisplayHsv;
+    private ColorEditorFlags Display
+        => config.UseRgbForColors ? ColorEditorFlags.DisplayRgb : ColorEditorFlags.DisplayHsv;
 
-    private ImRaii.IEndObject EnsureSize()
+    private Im.ItemWidthDisposable EnsureSize()
     {
-        var iconSize = ImGui.GetTextLineHeight() * 2 + ImGui.GetStyle().ItemSpacing.Y + 4 * ImGui.GetStyle().FramePadding.Y;
-        _width = 7 * iconSize + 4 * ImGui.GetStyle().ItemInnerSpacing.X;
-        return ImRaii.ItemWidth(_width);
+        var iconSize = Im.Style.TextHeight * 2 + Im.Style.ItemSpacing.Y + 4 * Im.Style.FramePadding.Y;
+        _width = 7 * iconSize + 4 * Im.Style.ItemInnerSpacing.X;
+        return Im.Item.PushWidth(_width);
     }
 
     private void DrawCopyPasteButtons(in CustomizeParameterDrawData data, bool locked)
     {
-        if (ImGuiUtil.DrawDisabledButton(FontAwesomeIcon.Copy.ToIconString(), new Vector2(ImGui.GetFrameHeight()),
-                "Copy this color for later use.", false, true))
+        if (ImEx.Icon.Button(LunaStyle.ToClipboardIcon, "Copy this color for later use."u8))
             _copy = data.CurrentValue;
-        ImGui.SameLine(0, ImGui.GetStyle().ItemInnerSpacing.X);
-        if (ImGuiUtil.DrawDisabledButton(FontAwesomeIcon.Paste.ToIconString(), new Vector2(ImGui.GetFrameHeight()),
-                _copy.HasValue ? "Paste the currently copied value." : "No value copied yet.", locked || !_copy.HasValue, true))
+        Im.Line.SameInner();
+        if (ImEx.Icon.Button(LunaStyle.FromClipboardIcon, _copy.HasValue ? "Paste the currently copied value."u8 : "No value copied yet."u8,
+                locked || !_copy.HasValue))
             data.ChangeParameter(_copy!.Value);
     }
 }