diff --git a/CSharpMath.CrossPlatform.slnf b/CSharpMath.CrossPlatform.slnf
index 69946dab..bd27cd96 100644
--- a/CSharpMath.CrossPlatform.slnf
+++ b/CSharpMath.CrossPlatform.slnf
@@ -28,7 +28,8 @@
       "CSharpMath.Avalonia.Example/CSharpMath.Avalonia.Example.csproj",
       "CSharpMath.SkiaSharp/CSharpMath.SkiaSharp.csproj",
       "CSharpMath.Forms/CSharpMath.Forms.csproj",
-      "CSharpMath.Forms.Example/CSharpMath.Forms.Example/CSharpMath.Forms.Example.csproj"
+      "CSharpMath.Forms.Example/CSharpMath.Forms.Example/CSharpMath.Forms.Example.csproj",
+      "CSharpMath.Forms.Tests/CSharpMath.Forms.Tests.csproj"
     ]
   }
 }
\ No newline at end of file
diff --git a/CSharpMath.Forms.Example/CSharpMath.Forms.Example/CSharpMath.Forms.Example.csproj b/CSharpMath.Forms.Example/CSharpMath.Forms.Example/CSharpMath.Forms.Example.csproj
index 53eb79a7..c34473b3 100644
--- a/CSharpMath.Forms.Example/CSharpMath.Forms.Example/CSharpMath.Forms.Example.csproj
+++ b/CSharpMath.Forms.Example/CSharpMath.Forms.Example/CSharpMath.Forms.Example.csproj
@@ -10,6 +10,18 @@
     <Compile Include="..\..\CSharpMath.Rendering.Tests\TestRenderingSharedData.cs" Link="Examples\TestRenderingSharedData.cs" />
   </ItemGroup>
 
+  <ItemGroup>
+    <Content Include="Controls\ImageSourceMathInputButtons\flame.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Controls\ImageSourceMathInputButtons\metaltrashcan.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Controls\ImageSourceMathInputButtons\recyclebin.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+  </ItemGroup>
+
   <ItemGroup>
     <PackageReference Include="Xamarin.Forms" Version="4.3.0.908675" />
     <ProjectReference Include="..\..\CSharpMath.Forms\CSharpMath.Forms.csproj" />
diff --git a/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/ImageSourceMathInputButtons/flame.png b/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/ImageSourceMathInputButtons/flame.png
new file mode 100644
index 00000000..28d61aa0
Binary files /dev/null and b/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/ImageSourceMathInputButtons/flame.png differ
diff --git a/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/ImageSourceMathInputButtons/metaltrashcan.png b/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/ImageSourceMathInputButtons/metaltrashcan.png
new file mode 100644
index 00000000..f7540a08
Binary files /dev/null and b/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/ImageSourceMathInputButtons/metaltrashcan.png differ
diff --git a/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/ImageSourceMathInputButtons/recyclebin.png b/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/ImageSourceMathInputButtons/recyclebin.png
new file mode 100644
index 00000000..ac3bd064
Binary files /dev/null and b/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/ImageSourceMathInputButtons/recyclebin.png differ
diff --git a/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/MathKeyboard.xaml b/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/MathKeyboard.xaml
index d7538da6..dca7c821 100644
--- a/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/MathKeyboard.xaml
+++ b/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/MathKeyboard.xaml
@@ -1,7 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <ContentView xmlns="http://xamarin.com/schemas/2014/forms" 
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:r="clr-namespace:CSharpMath.Rendering.FrontEnd;assembly=CSharpMath.Rendering"
              xmlns:e="clr-namespace:CSharpMath.Forms.Example"
              xmlns:f="clr-namespace:CSharpMath.Forms;assembly=CSharpMath.Forms"
              x:Class="CSharpMath.Forms.Example.MathKeyboard"
@@ -113,12 +112,14 @@
         <!--Right row of first 3 tabs-->
         <Style TargetType="f:MathInputButton" Class="Back">
             <Setter Property="Input" Value="Backspace"/>
+            <Setter Property="TextColor" Value="Red" />
             <Setter Property="Grid.Column" Value="5"/>
             <Setter Property="Grid.Row" Value="0"/>
             <Setter Property="Keyboard" Value="{StaticResource Keyboard}"/>
         </Style>
-        <Style TargetType="f:MathInputButton" Class="Clear">
+        <Style TargetType="f:ImageSourceMathInputButton" Class="Clear">
             <Setter Property="Input" Value="Clear"/>
+            <Setter Property="Source" Value="Controls/ImageSourceMathInputButtons/recyclebin.png" />
             <Setter Property="Grid.Column" Value="5"/>
             <Setter Property="Grid.Row" Value="1"/>
             <Setter Property="Keyboard" Value="{StaticResource Keyboard}"/>
@@ -155,7 +156,7 @@
                 <ColumnDefinition Width="*"/>
             </ColumnDefinitionCollection>
         </Grid.ColumnDefinitions>
-        <f:MathInputButton Input="Left" Grid.Column="0" Keyboard="{StaticResource Keyboard}"/>
+        <f:MathInputButton x:Name="LeftButton" Input="Left" Grid.Column="0" Keyboard="{StaticResource Keyboard}"/>
         <f:MathButton x:Name="NumbersButton" Grid.Column="1" Command="{e:SwitchToTab Self={Reference this}, Target=Numbers}">
             <f:MathView LaTeX="123"/>
         </f:MathButton>
@@ -181,7 +182,7 @@
             <f:MathInputButton Input="Equals" Grid.Row="3" Grid.Column="3" Keyboard="{StaticResource Keyboard}"/>
             <f:MathInputButton Input="Plus" Grid.Row="3" Grid.Column="4" Keyboard="{StaticResource Keyboard}"/>
             <f:MathInputButton StyleClass="Back"/>
-            <f:MathInputButton StyleClass="Clear"/>
+            <f:ImageSourceMathInputButton StyleClass="Clear"/>
             <f:MathInputButton StyleClass="Dismiss"/>
             <f:MathInputButton StyleClass="Enter"/>
         </Grid>
@@ -210,7 +211,7 @@
             <f:MathInputButton Input="Ratio" Grid.Row="3" Grid.Column="3" Keyboard="{StaticResource Keyboard}"/>
             <f:MathInputButton Input="Comma" Grid.Row="3" Grid.Column="4" Keyboard="{StaticResource Keyboard}"/>
             <f:MathInputButton StyleClass="Back"/>
-            <f:MathInputButton StyleClass="Clear"/>
+            <f:ImageSourceMathInputButton StyleClass="Clear"/>
             <f:MathInputButton StyleClass="Dismiss"/>
             <f:MathInputButton StyleClass="Enter"/>
         </Grid>
@@ -239,7 +240,7 @@
             <f:MathInputButton Input="NthRoot" Grid.Row="3" Grid.Column="3" Keyboard="{StaticResource Keyboard}"/>
             <f:MathInputButton Input="Degree" Grid.Row="3" Grid.Column="4" Keyboard="{StaticResource Keyboard}"/>
             <f:MathInputButton StyleClass="Back"/>
-            <f:MathInputButton StyleClass="Clear"/>
+            <f:ImageSourceMathInputButton StyleClass="Clear"/>
             <f:MathInputButton StyleClass="Dismiss"/>
             <f:MathInputButton StyleClass="Enter"/>
         </Grid>
@@ -268,7 +269,7 @@
             <f:MathInputButton Input="Up" Grid.Row="3" Grid.Column="3" Keyboard="{StaticResource Keyboard}"/>
             <f:MathInputButton Input="Up" Grid.Row="3" Grid.Column="4" Keyboard="{StaticResource Keyboard}"/>
             <f:MathInputButton StyleClass="Back"/>
-            <f:MathInputButton StyleClass="Clear"/>
+            <f:ImageSourceMathInputButton StyleClass="Clear"/>
             <f:MathInputButton StyleClass="Dismiss"/>
             <f:MathInputButton StyleClass="Enter"/>
         </Grid>
@@ -349,10 +350,10 @@
             <f:MathButton Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="3" Command="{e:SwitchToTab Self={Reference this}, Target=Letters}" x:Name="ShiftCapitalsButton">
                 <f:MathView LaTeX="⇧"/>
             </f:MathButton>
-            <f:MathInputButton StyleClass="Clear" Grid.Row="2" Grid.Column="17" Grid.ColumnSpan="3"/>
+            <f:ImageSourceMathInputButton StyleClass="Clear" Grid.Row="2" Grid.Column="17" Grid.ColumnSpan="3"/>
             <f:MathInputButton StyleClass="Dismiss" Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="5"/>
             <f:MathInputButton StyleClass="Enter" Grid.Row="3" Grid.Column="15" Grid.RowSpan="1" Grid.ColumnSpan="5"/>
         </Grid>
-        <f:MathInputButton Input="Right" Grid.Column="6" Keyboard="{StaticResource Keyboard}"/>
+        <f:MathInputButton x:Name="RightButton" Input="Right" Grid.Column="6" Keyboard="{StaticResource Keyboard}"/>
     </Grid>
 </ContentView>
\ No newline at end of file
diff --git a/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/MathKeyboard.xaml.cs b/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/MathKeyboard.xaml.cs
index 54e16c3d..59de35d6 100644
--- a/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/MathKeyboard.xaml.cs
+++ b/CSharpMath.Forms.Example/CSharpMath.Forms.Example/Controls/MathKeyboard.xaml.cs
@@ -1,5 +1,8 @@
 using System;
+using System.Linq;
+using CSharpMath.Editor;
 using Xamarin.Forms;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace CSharpMath.Forms.Example {
@@ -20,12 +23,8 @@ public MathKeyboard(float fontSize = Rendering.FrontEnd.PainterConstants.Default
     public Tab CurrentTab {
       get => _tab;
       set {
-        foreach (var grid in new[] {
-          Numbers, Symbols, Functions, Operations, Letters, LettersCapitals
-        }) grid.IsVisible = false;
-        foreach (var gridButton in new[] {
-          NumbersButton, SymbolsButton, FunctionsButton, OperationsButton, LettersButton
-        }) gridButton.BackgroundColor = Color.Transparent;
+        foreach (var buttonGrid in ButtonGrids) buttonGrid.IsVisible = false;
+        foreach (var tabButton in TabButtons) tabButton.BackgroundColor = Color.Transparent;
         var (selectedGrid, selectedGridButton) =
           value switch {
             Tab.Numbers => (Numbers, NumbersButton),
@@ -43,6 +42,27 @@ public Tab CurrentTab {
         _tab = value;
       }
     }
+    public void SetButtonsTextColor(Color color, Color? placeholderRestingColor = null, Color? placeholderActiveColor = null) {
+      foreach (var button in new MathButton[] { ShiftButton, ShiftCapitalsButton }.Concat(TabButtons))
+        button.TextColor = color;
+      foreach (var button in new[] { LeftButton, RightButton}
+                            .Concat(ButtonGrids.SelectMany(grid => grid.Children)
+                            .Where(child => child is MathInputButton button && button.Input != MathKeyboardInput.Backspace)
+                            .Cast<MathInputButton>())) {
+        button.TextColor = color;
+        button.PlaceholderRestingColor = placeholderRestingColor;
+        button.PlaceholderActiveColor = placeholderActiveColor;
+        button.ButtonDraw(/* If the LaTeXSettings change but the button's appearance properties don't, there's no event that causes the execution of this method. */);
+      };
+    }
+    public void SetClearButtonImageSource(ImageSource imageSource) {
+      foreach(var button in ButtonGrids.SelectMany(grid => grid.Children)
+                            .OfType<ImageSourceMathInputButton>()
+                            .Where(button => button.Input == MathKeyboardInput.Clear))
+      button.Source = imageSource;
+    }
+    MathButton[] TabButtons => new[] { NumbersButton, SymbolsButton, FunctionsButton, OperationsButton, LettersButton };
+    Grid[] ButtonGrids => new[] { Numbers, Symbols, Functions, Operations, Letters, LettersCapitals };
   }
   [AcceptEmptyServiceProvider]
   public class SwitchToTabExtension : IMarkupExtension<Command> {
@@ -54,4 +74,4 @@ public Command ProvideValue(IServiceProvider _) =>
       new Command(() => Self.CurrentTab = Target);
     object IMarkupExtension.ProvideValue(IServiceProvider _) => ProvideValue(_);
   }
-}
\ No newline at end of file
+}
diff --git a/CSharpMath.Forms.Example/CSharpMath.Forms.Example/EditorPage.xaml.cs b/CSharpMath.Forms.Example/CSharpMath.Forms.Example/EditorPage.xaml.cs
index 313b29a6..bdab86e6 100644
--- a/CSharpMath.Forms.Example/CSharpMath.Forms.Example/EditorPage.xaml.cs
+++ b/CSharpMath.Forms.Example/CSharpMath.Forms.Example/EditorPage.xaml.cs
@@ -1,4 +1,7 @@
+using System;
+using System.Collections.Generic;
 using System.Linq;
+using CSharpMath.SkiaSharp;
 using SkiaSharp;
 using SkiaSharp.Views.Forms;
 using Xamarin.Forms;
@@ -13,14 +16,13 @@ public EditorPage() {
     }
   }
   public class EditorView : ContentView {
+    public MathPainter OutputMathPainter = new MathPainter { TextColor = SKColors.Black };
+    MathKeyboard keyboard = new MathKeyboard(Rendering.FrontEnd.PainterConstants.LargerFontSize);
     public EditorView() {
       // Basic functionality
       var view = new SKCanvasView { HeightRequest = 225 };
-      var keyboard = new MathKeyboard(Rendering.FrontEnd.PainterConstants.LargerFontSize);
       var viewModel = keyboard.Keyboard;
-      viewModel.BindDisplay(view, new SkiaSharp.MathPainter {
-        TextColor = SKColors.Black
-      }, new SKColor(0, 0, 0, 153));
+      viewModel.BindDisplay(view, OutputMathPainter, new SKColor(0, 0, 0, 153));
 
       // Input from physical keyboard
       var entry = new Entry {
@@ -84,6 +86,7 @@ static View GridItem(int row, int col, View view) {
               new StackLayout {
                 Orientation = StackOrientation.Horizontal,
                 Children = {
+                  new Button { Text = "Change appearance", Command = new Command(ChangeAppearance) },
                   entry,
                   new Button {
                     Text = "Reset answer pan",
@@ -96,5 +99,44 @@ static View GridItem(int row, int col, View view) {
         }
       };
     }
+    int CurrentThemeIndex = 0;
+    public void ChangeAppearance() {
+      CurrentThemeIndex = (CurrentThemeIndex + 1) % Themes.Count;
+      Themes[CurrentThemeIndex].Invoke();
+      keyboard.Keyboard.InsertionIndex = keyboard.Keyboard.InsertionIndex; // Hack to redraw placeholders in the output.
+    }
+    IList<Action> Themes => new Action[] {
+      () => { // This theme is the default. For a round-trip through the themes we need to set them again:
+        OutputMathPainter.TextColor = SKColors.Black;
+        Atom.LaTeXSettings.PlaceholderBlinks = false;
+        Atom.LaTeXSettings.PlaceholderActiveColor = null;
+        Atom.LaTeXSettings.PlaceholderRestingColor = null;
+        Atom.LaTeXSettings.PlaceholderActiveNucleus = "■";
+        Atom.LaTeXSettings.PlaceholderRestingNucleus = "□";
+        keyboard.SetButtonsTextColor(Color.Black);
+        keyboard.SetClearButtonImageSource("Controls/ImageSourceMathInputButtons/recyclebin.png");
+      },
+      () => {
+        UseMyCustomizedPlaceholderAppearance();
+        keyboard.SetButtonsTextColor(Color.Black); // Placeholder appearance on the keys is the same as in the output by default.
+        keyboard.SetClearButtonImageSource("Controls/ImageSourceMathInputButtons/metaltrashcan.png");
+      },
+      () => {
+        Atom.LaTeXSettings.PlaceholderBlinks = true;
+        OutputMathPainter.TextColor = SKColors.DarkGreen;
+        UseMyCustomizedPlaceholderAppearance();
+        // If you'd like to use different keyboard colors than output colors and you specified a placeholder color,
+        // probably you'll not want to use the same placeholder color on the keyboard:
+        keyboard.SetButtonsTextColor(Color.Brown, CalculateMyPlaceholderRestingColorFromSurroundingTextColor(Color.Brown));
+        keyboard.SetClearButtonImageSource("Controls/ImageSourceMathInputButtons/flame.png");
+      }
+    };
+
+    public void UseMyCustomizedPlaceholderAppearance() {
+      // You could also customize the "Active" placeholder nucleus and color, but for this example we don't.
+      Atom.LaTeXSettings.PlaceholderRestingNucleus = "■";
+      Atom.LaTeXSettings.PlaceholderRestingColor = CalculateMyPlaceholderRestingColorFromSurroundingTextColor(OutputMathPainter.TextColor.ToFormsColor());
+    }
+    public static Color CalculateMyPlaceholderRestingColorFromSurroundingTextColor(Color textColor) => textColor.WithLuminosity(textColor.Luminosity > 0.5 ? 0.2 : 0.8);
   }
 }
\ No newline at end of file
diff --git a/CSharpMath.Forms.Tests/ButtonTests.cs b/CSharpMath.Forms.Tests/ButtonTests.cs
new file mode 100644
index 00000000..03aa103b
--- /dev/null
+++ b/CSharpMath.Forms.Tests/ButtonTests.cs
@@ -0,0 +1,282 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Runtime.InteropServices;
+using CSharpMath.Atom;
+using CSharpMath.Editor;
+using CSharpMath.Rendering.FrontEnd;
+using Xamarin.Forms;
+using Xamarin.Forms.Xaml;
+using Xunit;
+namespace CSharpMath.Forms.Tests {
+  public sealed class FactSkipLinux : FactAttribute {
+    public FactSkipLinux(string reason) {
+      if (RuntimeInformation.IsOSPlatform(OSPlatform.Linux)) Skip = reason;
+    }
+  }
+  public class ButtonTests {
+    [Fact]
+    public void ChangingButtonTextColorDoesNotChangeLatexPropertyValue() {
+      var latexContent = @"1\leq 2";
+      var newColor = Color.Gray;
+
+      var mathButton = new MathButton { Content = new MathView { LaTeX = latexContent } };
+      mathButton.TextColor = newColor;
+      Assert.Equal(mathButton.TextColor, newColor);
+      Assert.Equal(latexContent, mathButton.Content.LaTeX);
+
+      var textButton = new TextButton { Content = new TextView { LaTeX = latexContent } };
+      textButton.TextColor = newColor;
+      Assert.Equal(mathButton.TextColor, newColor);
+      Assert.Equal(latexContent, textButton.Content.LaTeX);
+    }
+    const string ButtonImageSourceTestsFailOnLinux = "Fails on Linux. Solution may be documented here: https://github.com/mono/SkiaSharp/releases/tag/v2.80.0#additional";
+    [FactSkipLinux(ButtonImageSourceTestsFailOnLinux)]
+    public void DefaultButtonImageTextColorIsBlack() {
+      var mathButton = new MathButton { Content = new MathView { LaTeX = "1" } };
+      Assert.True(mathButton.ImageSourceEquals("files/buttons/MathButton_1_Black.png"));
+    }
+    [FactSkipLinux(ButtonImageSourceTestsFailOnLinux)]
+    public void ButtonTextColorPropertyChangesImageColor() {
+      var mathButton = new MathButton { TextColor = Color.Blue, Content = new MathView { LaTeX = "1" } };
+      Assert.True(mathButton.ImageSourceEquals("files/buttons/MathButton_1_Blue.png"));
+    }
+    [FactSkipLinux(ButtonImageSourceTestsFailOnLinux)]
+    public void MathButtonTextColorCanChangeMultipleTimes() {
+      var mathButton = new MathButton { Content = new MathView { LaTeX = "1" } };
+      Assert.True(mathButton.ImageSourceEquals("files/buttons/MathButton_1_Black.png"));
+      mathButton.TextColor = Color.Blue;
+      Assert.True(mathButton.ImageSourceEquals("files/buttons/MathButton_1_Blue.png"));
+      mathButton.TextColor = Color.Black;
+      Assert.True(mathButton.ImageSourceEquals("files/buttons/MathButton_1_Black.png"));
+    }
+    [FactSkipLinux(ButtonImageSourceTestsFailOnLinux)]
+    public void MathInputButtonTextColorCanChangeMultipleTimes() {
+      var mathInputButton = new MathInputButton { Input = MathKeyboardInput.Fraction };
+      Assert.True(mathInputButton.ImageSourceEquals("files/buttons/MathInputButton_Fraction_Black.png"));
+      mathInputButton.TextColor = Color.Blue;
+      Assert.True(mathInputButton.ImageSourceEquals("files/buttons/MathInputButton_Fraction_Blue.png"));
+      mathInputButton.TextColor = Color.Black;
+      Assert.True(mathInputButton.ImageSourceEquals("files/buttons/MathInputButton_Fraction_Black.png"));
+    }
+    [Theory]
+    [MemberData(nameof(TheMathKeyboardInputs))]
+    public void AllMathInputButtonsHaveLatexContent(MathKeyboardInput mathKeyboardInput) {
+      var mathInputButton = new MathInputButton { Input = mathKeyboardInput };
+      Assert.False(string.IsNullOrEmpty(mathInputButton.Content?.LaTeX));
+    }
+    [Theory]
+    [MemberData(nameof(TheMathKeyboardInputs))]
+    public void MathInputButtonsHaveBlackTextColorByDefault(MathKeyboardInput mathKeyboardInput) {
+      var mathInputButton = new MathInputButton { Input = mathKeyboardInput };
+      // At the time of writing this test, phatom = @"{\color{#00FFFFFF}{|}}" (Xamarin.Forms.Color.Transparent = "#00FFFFFF") is used as there is no \phantom command yet.
+      // As soon as \phantom has been implemented, the call .Replace(LatexHelper.phantom, "") can be removed.
+      Assert.DoesNotContain(@"\color", mathInputButton.Content.NotNull().LaTeX.NotNull().Replace(LatexHelper.phantom, ""));
+      Assert.Equal(Color.Black, mathInputButton.TextColor);
+    }
+    [Theory]
+    [MemberData(nameof(TheMathKeyboardInputs))]
+    public void MathInputButtonsHaveTransparentBackgroundByDefault(MathKeyboardInput mathKeyboardInput) {
+      var mathInputButton = new MathInputButton { Input = mathKeyboardInput };
+      Assert.Equal(Color.Transparent, mathInputButton.BackgroundColor);
+    }
+    [Theory]
+    [MemberData(nameof(TheMathKeyboardInputs))]
+    public void MathInputButton_Command(MathKeyboardInput mathKeyboardInput) {
+      var mathKeyboardClassThatProcessesKeyPresses = new MathKeyboard();
+      var mathInputButton = new MathInputButton { Input = mathKeyboardInput, Keyboard = mathKeyboardClassThatProcessesKeyPresses };
+      mathInputButton.Command.Execute(null); // Simulate a MathInputButton key press
+      Assert.Equal(expectedResult(), mathKeyboardClassThatProcessesKeyPresses.LaTeX);
+      string expectedResult() {
+        var kb = new MathKeyboard();
+        kb.KeyPress(mathKeyboardInput);
+        return kb.LaTeX;
+      }
+    }
+    public static IEnumerable<object[]> TheMathKeyboardInputs => Enum.GetValues(typeof(MathKeyboardInput)).Cast<MathKeyboardInput>().Select(input => new object[] { input });
+
+    [Fact]
+    public void MathInputButton_KeyboardProperty() {
+      var mathKeyboardClassThatProcessesKeyPresses = new MathKeyboard();
+      var mathInputButton = new MathInputButton();
+      mathInputButton.SetValue(MathInputButton.KeyboardProperty, mathKeyboardClassThatProcessesKeyPresses);
+      Assert.Equal(mathKeyboardClassThatProcessesKeyPresses, mathInputButton.Keyboard);
+    }
+  }
+  public class ButtonTestsWithPlatformServices {
+    public ButtonTestsWithPlatformServices() => Xamarin.Forms.Device.PlatformServices = new Xamarin.Forms.Core.UnitTests.MockPlatformServices();
+    const string xmlns = "xmlns=\"clr-namespace:CSharpMath.Forms;assembly=CSharpMath.Forms\"";
+    [Fact]
+    public void TextColorProperty_TextButton() {
+      var xaml = $@"<TextButton {xmlns} TextColor=""Blue""><TextView>Text with inline $\pi$</TextView></TextButton>";
+      var textButton = new TextButton().LoadFromXaml(xaml);
+      Assert.Equal(Color.Blue, textButton.TextColor);
+      Assert.Equal(@"Text\ with\ inline\ \(\pi \)", textButton.Content.NotNull().LaTeX);
+    }
+    [Fact]
+    public void TextColorProperty_MathButton() {
+      var xaml = $@"<MathButton {xmlns} TextColor=""Blue""><MathView>\leq</MathView></MathButton>";
+      var mathButton = new MathButton().LoadFromXaml(xaml);
+      Assert.Equal(Color.Blue, mathButton.TextColor);
+      Assert.Equal(@"\leq ", mathButton.Content.NotNull().LaTeX);
+    }
+    [Fact]
+    public void TextColorProperty_MathInputButton() {
+      var xaml = $@"<MathInputButton {xmlns} Input=""LessOrEquals"" TextColor=""Blue"" />";
+      var mathInputButton = new MathInputButton().LoadFromXaml(xaml);
+      Assert.Equal(Color.Blue, mathInputButton.TextColor);
+      Assert.Equal(@"\(\leq \)", mathInputButton.Content.NotNull().LaTeX);
+    }
+    [Fact]
+    public void PlaceholderColorsProperties_MathInputButton() {
+      Assert.Equal("■", LaTeXSettings.PlaceholderActiveNucleus);
+      Assert.Equal("□", LaTeXSettings.PlaceholderRestingNucleus);
+      var xaml = $@"<MathInputButton {xmlns} Input=""Power"" PlaceholderActiveColor=""Green"" PlaceholderRestingColor=""Blue"" />";
+      var mathInputButton = new MathInputButton().LoadFromXaml(xaml);
+      Assert.Equal(Color.Green, mathInputButton.PlaceholderActiveColor);
+      Assert.Equal(Color.Blue, mathInputButton.PlaceholderRestingColor);
+      Assert.Equal(@"\(\color{blue}{\square }{}^{\color{green}{■}}\)", mathInputButton.Content.NotNull().LaTeX);
+    }
+    [Fact]
+    public void ImageSourceMathInputButton_InputProperty_KeyboardProperty_and_Command() {
+      var mathKeyboardClassThatProcessesKeyPresses = new MathKeyboard();
+      var clearXaml = $@"<ImageSourceMathInputButton {xmlns} Input=""Clear"" Source=""yourflameimage.png"" />";
+      var clearButton = new ImageSourceMathInputButton().LoadFromXaml(clearXaml);
+      BindKeyboardAsIfItWereViaXaml(clearButton, mathKeyboardClassThatProcessesKeyPresses);
+      var aXaml = $@"<ImageSourceMathInputButton {xmlns} Input=""SmallA"" Source=""unrealisticexample.png"" />";
+      var aButton = new ImageSourceMathInputButton().LoadFromXaml(aXaml);
+      BindKeyboardAsIfItWereViaXaml(aButton, mathKeyboardClassThatProcessesKeyPresses);
+
+      aButton.Command.Execute(null); // Simulate key press
+      Assert.Equal("a", mathKeyboardClassThatProcessesKeyPresses.LaTeX);
+
+      clearButton.Command.Execute(null); // Simulate key press
+      Assert.Equal("", mathKeyboardClassThatProcessesKeyPresses.LaTeX);
+
+      void BindKeyboardAsIfItWereViaXaml(ImageSourceMathInputButton imgButton, MathKeyboard mathKeyboard) =>
+        imgButton.SetValue(ImageSourceMathInputButton.KeyboardProperty, mathKeyboard); // I don't know how to pass the MathKeyboard via XAML in unit tests.
+    }
+  }
+  public class DefaultPlaceholderSettings {
+    public const string ActiveNucleus = "■";
+    public const string RestingNucleus = "□";
+    public static readonly System.Drawing.Color? ActiveColor = null;
+    public static readonly System.Drawing.Color? RestingColor = null;
+  }
+  [CollectionDefinition(nameof(NonParallelPlaceholderTests), DisableParallelization = true)]
+  public class NonParallelPlaceholderTests { }
+  [Collection(nameof(NonParallelPlaceholderTests))]
+  public class MathInputButtonsWithCustomizedPlaceholders : IDisposable {
+    public MathInputButtonsWithCustomizedPlaceholders() {
+      LaTeXSettings.PlaceholderActiveNucleus = "😀";
+      LaTeXSettings.PlaceholderRestingNucleus = "😐";
+      LaTeXSettings.PlaceholderActiveColor = System.Drawing.Color.Green;
+      LaTeXSettings.PlaceholderRestingColor = System.Drawing.Color.Blue;
+    }
+    public void Dispose() {
+      LaTeXSettings.PlaceholderActiveNucleus = DefaultPlaceholderSettings.ActiveNucleus;
+      LaTeXSettings.PlaceholderRestingNucleus = DefaultPlaceholderSettings.RestingNucleus;
+      LaTeXSettings.PlaceholderActiveColor = DefaultPlaceholderSettings.ActiveColor;
+      LaTeXSettings.PlaceholderRestingColor = DefaultPlaceholderSettings.RestingColor;
+    }
+    [Theory]
+    [MemberData(nameof(TheMathKeyboardInputsWithSinglePlaceholder))]
+    public void MathInputButtonPlaceholdersAreSameAsEditorOutputByDefaultForSinglePlaceholder(MathKeyboardInput mathKeyboardInput) {
+      var mathInputButton = new MathInputButton { Input = mathKeyboardInput };
+      Assert.Null(mathInputButton.PlaceholderActiveColor);
+      Assert.Null(mathInputButton.PlaceholderRestingColor);
+      Assert.Contains(@"\color{green}{😀}", mathInputButton.Content.NotNull().LaTeX.NotNull());
+    }
+    [Theory]
+    [MemberData(nameof(TheMathKeyboardInputsWithTwoPlaceholders))]
+    public void MathInputButtonPlaceholdersAreSameAsEditorOutputByDefaultForDoublePlaceholders(MathKeyboardInput mathKeyboardInput) {
+      var mathInputButton = new MathInputButton { Input = mathKeyboardInput };
+      Assert.Null(mathInputButton.PlaceholderActiveColor);
+      Assert.Null(mathInputButton.PlaceholderRestingColor);
+      TestTwoButtonDisplayPlaceholders(mathInputButton, @"\color{green}{😀}", @"\color{blue}{😐}");
+    }
+    [Theory]
+    [MemberData(nameof(TheMathKeyboardInputsWithSinglePlaceholder))]
+    public void MathInputButtonPlaceholderColorsAreOverridableForSinglePlaceholder(MathKeyboardInput mathKeyboardInput) {
+      var mathInputButton = new MathInputButton { Input = mathKeyboardInput, PlaceholderActiveColor = Color.Red };
+      Assert.Equal(Color.Red, mathInputButton.PlaceholderActiveColor);
+      Assert.Null(mathInputButton.PlaceholderRestingColor);
+      Assert.Contains(@"\color{#FFFF0000}{😀}", mathInputButton.Content.NotNull().LaTeX.NotNull());
+    }
+    [Theory]
+    [MemberData(nameof(TheMathKeyboardInputsWithTwoPlaceholders))]
+    public void MathInputButtonPlaceholderColorsAreOverridableForDoublePlaceholders(MathKeyboardInput mathKeyboardInput) {
+      var mathInputButton = new MathInputButton { Input = mathKeyboardInput, PlaceholderActiveColor = Color.Black, PlaceholderRestingColor = Color.LightGray };
+      Assert.Equal(Color.Black, mathInputButton.PlaceholderActiveColor);
+      Assert.Equal(Color.LightGray, mathInputButton.PlaceholderRestingColor);
+      TestTwoButtonDisplayPlaceholders(mathInputButton, @"\color{#FF000000}{😀}", @"\color{#FFD3D3D3}{😐}");
+    }
+    [Theory]
+    [MemberData(nameof(TheMathKeyboardInputsWithSinglePlaceholder))]
+    public void SameNucleusPlaceholders_MathInputButtonPlaceholderWithSinglePlaceholderIsActive(MathKeyboardInput mathKeyboardInput) {
+      LaTeXSettings.PlaceholderActiveNucleus = LaTeXSettings.PlaceholderRestingNucleus = "■";
+      var mathInputButton = new MathInputButton { Input = mathKeyboardInput };
+      Assert.Null(mathInputButton.PlaceholderActiveColor);
+      Assert.Null(mathInputButton.PlaceholderRestingColor);
+      var latex = mathInputButton.Content.NotNull().LaTeX.NotNull();
+      Assert.Contains(@"\color{green}{■}", latex);
+      Assert.DoesNotContain(@"\color{blue}", latex);
+    }
+    [Theory]
+    [MemberData(nameof(TheMathKeyboardInputsWithTwoPlaceholders))]
+    public void MathInputButtonTwoPlaceholdersWithSameNucleusColorsSameAsEditorOutput(MathKeyboardInput mathKeyboardInput) {
+      LaTeXSettings.PlaceholderActiveNucleus = LaTeXSettings.PlaceholderRestingNucleus = "■";
+      var mathInputButton = new MathInputButton { Input = mathKeyboardInput };
+      Assert.Null(mathInputButton.PlaceholderActiveColor);
+      Assert.Null(mathInputButton.PlaceholderRestingColor);
+      TestTwoButtonDisplayPlaceholders(mathInputButton, @"\color{green}{■}", @"\color{blue}{■}");
+    }
+    [Theory]
+    [MemberData(nameof(TheMathKeyboardInputsWithTwoPlaceholders))]
+    public void MathInputButtonTwoPlaceholdersWithSameNucleusColorsAreOverridable(MathKeyboardInput mathKeyboardInput) {
+      LaTeXSettings.PlaceholderActiveNucleus = LaTeXSettings.PlaceholderRestingNucleus = "😀";
+      var mathInputButton = new MathInputButton { Input = mathKeyboardInput, PlaceholderActiveColor = Color.Black, PlaceholderRestingColor = Color.LightGray };
+      Assert.Equal(Color.Black, mathInputButton.PlaceholderActiveColor);
+      Assert.Equal(Color.LightGray, mathInputButton.PlaceholderRestingColor);
+      TestTwoButtonDisplayPlaceholders(mathInputButton, @"\color{#FF000000}{😀}", @"\color{#FFD3D3D3}{😀}");
+    }
+    void TestTwoButtonDisplayPlaceholders(MathInputButton mathInputButton, string expectedColoredActivePlaceholder, string expectedColoredRestingPlaceholder) {
+      var mathInputButtonLatex = mathInputButton.Content.NotNull().LaTeX.NotNull();
+      Assert.Contains(expectedColoredActivePlaceholder, mathInputButtonLatex);
+      Assert.Contains(expectedColoredRestingPlaceholder, mathInputButtonLatex);
+      var activeNucleusIndex = mathInputButtonLatex.IndexOf(expectedColoredActivePlaceholder);
+      var restingNucleusIndex = mathInputButtonLatex.IndexOf(expectedColoredRestingPlaceholder);
+      if (mathInputButton.Input == MathKeyboardInput.Power || mathInputButton.Input == MathKeyboardInput.Subscript)
+        Assert.True(restingNucleusIndex < activeNucleusIndex);
+      else
+        Assert.True(activeNucleusIndex < restingNucleusIndex);
+    }
+    public static IEnumerable<object[]> TheMathKeyboardInputsWithSinglePlaceholder => new[] {
+      MathKeyboardInput.Absolute,
+      MathKeyboardInput.BothCurlyBrackets,
+      MathKeyboardInput.BothRoundBrackets,
+      MathKeyboardInput.BothSquareBrackets,
+      MathKeyboardInput.CubeRoot,
+      MathKeyboardInput.IntegralLowerLimit,
+      MathKeyboardInput.IntegralUpperLimit,
+      MathKeyboardInput.LogarithmWithBase,
+      MathKeyboardInput.SummationLowerLimit,
+      MathKeyboardInput.SummationUpperLimit,
+      MathKeyboardInput.ProductLowerLimit,
+      MathKeyboardInput.ProductUpperLimit,
+      MathKeyboardInput.SquareRoot
+    }.Select(input => new object[] { input });
+    public static IEnumerable<object[]> TheMathKeyboardInputsWithTwoPlaceholders => new[] {
+      MathKeyboardInput.Fraction,
+      MathKeyboardInput.Subscript,
+      MathKeyboardInput.Power,
+      MathKeyboardInput.NthRoot,
+      MathKeyboardInput.IntegralBothLimits,
+      MathKeyboardInput.SummationBothLimits,
+      MathKeyboardInput.ProductBothLimits
+    }.Select(input => new object[] { input });
+  }
+  public static class NotNullExtension {
+    public static T NotNull<T>(this T? obj) where T : class => obj ?? throw new Xunit.Sdk.NotNullException();
+  }
+}
diff --git a/CSharpMath.Forms.Tests/ButtonTestsHelper.cs b/CSharpMath.Forms.Tests/ButtonTestsHelper.cs
new file mode 100644
index 00000000..6ceba94e
--- /dev/null
+++ b/CSharpMath.Forms.Tests/ButtonTestsHelper.cs
@@ -0,0 +1,31 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Text;
+using Xamarin.Forms;
+
+namespace CSharpMath.Forms.Tests {
+  public static class ButtonTestsHelper {
+    public static bool ImageSourceEquals(this ImageButton imageButton, string expectedImageRelativePath) =>
+      ImagesAreEqual(new FileInfo(expectedImageRelativePath), imageButton.ImageSourceAsStream());
+    static bool ImagesAreEqual(FileInfo f, Stream s) {
+      using (FileStream fs = f.OpenRead()) {
+        int b;
+        while ((b = fs.ReadByte()) != -1) {
+          if (s.ReadByte() != b) {
+            return false;
+          }
+        }
+        return fs.ReadByte() == -1;
+      }
+    }
+    /// <summary>
+    /// For creating unit tests.
+    /// </summary>
+    public static void ButtonImageSourceToFile(this ImageButton imageButton, string relativeDestinationFilePath) {
+      using (var fs = new FileInfo(@"..\..\..\" + relativeDestinationFilePath).Create())
+        imageButton.ImageSourceAsStream().CopyTo(fs);
+    }
+    static Stream ImageSourceAsStream(this ImageButton imageButton) => ((StreamImageSource)imageButton.Source).Stream(System.Threading.CancellationToken.None).Result;
+  }
+}
diff --git a/CSharpMath.Forms.Tests/CSharpMath.Forms.Tests.csproj b/CSharpMath.Forms.Tests/CSharpMath.Forms.Tests.csproj
new file mode 100644
index 00000000..d6f50457
--- /dev/null
+++ b/CSharpMath.Forms.Tests/CSharpMath.Forms.Tests.csproj
@@ -0,0 +1,14 @@
+<Project Sdk="Microsoft.NET.Sdk">
+  <ItemGroup>
+    <Compile Include="..\CSharpMath.Xaml.Tests\XamarinFormsCrc64.cs" Link="XamarinFormsCrc64.cs" />
+    <Compile Include="..\CSharpMath.Xaml.Tests\XamarinFormsMockPlatformServices.cs" Link="XamarinFormsMockPlatformServices.cs" />
+  </ItemGroup>
+  <ItemGroup>
+    <ProjectReference Include="..\CSharpMath.Forms\CSharpMath.Forms.csproj" />
+  </ItemGroup>
+  <ItemGroup>
+    <Content Include="files\**\*.*">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Content>
+  </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/CSharpMath.Forms.Tests/files/buttons/MathButton_1_Black.png b/CSharpMath.Forms.Tests/files/buttons/MathButton_1_Black.png
new file mode 100644
index 00000000..0efc81e3
Binary files /dev/null and b/CSharpMath.Forms.Tests/files/buttons/MathButton_1_Black.png differ
diff --git a/CSharpMath.Forms.Tests/files/buttons/MathButton_1_Blue.png b/CSharpMath.Forms.Tests/files/buttons/MathButton_1_Blue.png
new file mode 100644
index 00000000..3c058e3e
Binary files /dev/null and b/CSharpMath.Forms.Tests/files/buttons/MathButton_1_Blue.png differ
diff --git a/CSharpMath.Forms.Tests/files/buttons/MathInputButton_Fraction_Black.png b/CSharpMath.Forms.Tests/files/buttons/MathInputButton_Fraction_Black.png
new file mode 100644
index 00000000..6ff40701
Binary files /dev/null and b/CSharpMath.Forms.Tests/files/buttons/MathInputButton_Fraction_Black.png differ
diff --git a/CSharpMath.Forms.Tests/files/buttons/MathInputButton_Fraction_Blue.png b/CSharpMath.Forms.Tests/files/buttons/MathInputButton_Fraction_Blue.png
new file mode 100644
index 00000000..a3e2e268
Binary files /dev/null and b/CSharpMath.Forms.Tests/files/buttons/MathInputButton_Fraction_Blue.png differ
diff --git a/CSharpMath.Forms/Buttons.cs b/CSharpMath.Forms/Buttons.cs
index 30d0b4ae..88065a38 100644
--- a/CSharpMath.Forms/Buttons.cs
+++ b/CSharpMath.Forms/Buttons.cs
@@ -1,36 +1,55 @@
 using SkiaSharp;
 using Xamarin.Forms;
 namespace CSharpMath.Forms {
+  using System;
   using SkiaSharp;
+  public interface IButtonDraw { void ButtonDraw(); }
   [ContentProperty(nameof(Content))]
-  public abstract class BaseButton<TView, TPainter, TContent> : ImageButton
+  public abstract class BaseButton<TView, TPainter, TContent> : ImageButton, IButtonDraw
     where TView : BaseView<TPainter, TContent>
     where TPainter : Rendering.FrontEnd.Painter<SKCanvas, TContent, SKColor>, new()
     where TContent : class {
+    private readonly object lockObj = new object();
     public BaseButton() {
-      Aspect = Aspect.AspectFit;
-      // Color.Default will be ugly: https://github.com/verybadcat/CSharpMath/issues/111
-      BackgroundColor = Color.Transparent;
-      Source = ImageSource.FromStream(() => {
-        if (Content is { } c) {
-          var latex = c.Painter.LaTeX;
-          if (c.Painter.FontSize is Rendering.FrontEnd.PainterConstants.DefaultFontSize)
-            // Have a clear output by default
-            c.Painter.FontSize = Rendering.FrontEnd.PainterConstants.LargerFontSize;
+      Aspect = DefaultButtonStyle.AspectFit;
+      BackgroundColor = DefaultButtonStyle.TransparentBackground;
+      ButtonDraw();
+    }
+    public virtual void ButtonDraw() => Source = ImageSource.FromStream(() => {
+      if (Content is { } c) {
+        lock (lockObj) {
+          var painter = c.Painter;
+          var originalLatexString = painter.LaTeX;
+
+          if (painter.FontSize is Rendering.FrontEnd.PainterConstants.DefaultFontSize)
+            painter.FontSize = Rendering.FrontEnd.PainterConstants.LargerFontSize;
+
+          if (TextColor != Color.Black && painter.LaTeX != null)
+            painter.LaTeX = LatexHelper.SetColor(painter.LaTeX, TextColor);
+
           // Appropriate positioning for non-full characters, e.g. prime, degree
           // Also acts as spacing between MathButtons next to each other
           // TODO: Implement and use \phantom
-          c.Painter.LaTeX = @"{\color{#00000000}|}" + latex + @"{\color{#00000000}|}";
-          var stream = c.Painter.DrawAsStream();
-          c.Painter.LaTeX = latex;
+          painter.LaTeX = LatexHelper.phantom + painter.LaTeX + LatexHelper.phantom;
+
+          var stream = painter.DrawAsStream();
+          painter.LaTeX = originalLatexString;
           return stream;
         }
-        return null;
-      });
-    }
+      }
+      return null;
+    });
+    public Color TextColor { get => (Color)GetValue(TextColorProperty); set => SetValue(TextColorProperty, value); }
+    public static readonly BindableProperty TextColorProperty = BindablePropertyWithButtonDraw<BaseButton<TView, TPainter, TContent>>(nameof(TextColor), typeof(Color), Color.Black);
     public TView? Content { get => (TView?)GetValue(ContentProperty); set => SetValue(ContentProperty, value); }
     public static readonly BindableProperty ContentProperty = BindableProperty.Create(nameof(Content), typeof(TView), typeof(BaseButton<TView, TPainter, TContent>));
+    protected static BindableProperty BindablePropertyWithButtonDraw<TButton>(string propertyName, Type propertyType, object? defaultValue = null) where TButton : IButtonDraw =>
+      BindableProperty.Create(propertyName, propertyType, typeof(TButton), defaultValue: defaultValue, propertyChanged: (b, o, n) => ((IButtonDraw)b).ButtonDraw());
   }
   public class MathButton : BaseButton<MathView, MathPainter, Atom.MathList> { }
   public class TextButton : BaseButton<TextView, TextPainter, Rendering.Text.TextAtom> { }
+}
+internal class DefaultButtonStyle {
+  internal const Aspect AspectFit = Aspect.AspectFit;
+  internal static readonly Color TransparentBackground = Color.Transparent;
 }
\ No newline at end of file
diff --git a/CSharpMath.Forms/LatexHelper.cs b/CSharpMath.Forms/LatexHelper.cs
new file mode 100644
index 00000000..01b439ff
--- /dev/null
+++ b/CSharpMath.Forms/LatexHelper.cs
@@ -0,0 +1,11 @@
+using System;
+using System.Collections.Generic;
+using System.Text;
+using Xamarin.Forms;
+
+namespace CSharpMath.Forms {
+  public static class LatexHelper {
+    public static readonly string phantom = SetColor("|", Color.Transparent);
+    public static string SetColor(string latex, Color? color) => color != null ? @"\color{" + color.Value.ToHex() + "}{" + latex + "}" : latex;
+  }
+}
diff --git a/CSharpMath.Forms/MathInputButton.cs b/CSharpMath.Forms/MathInputButton.cs
index b24a14d7..47b39a51 100644
--- a/CSharpMath.Forms/MathInputButton.cs
+++ b/CSharpMath.Forms/MathInputButton.cs
@@ -1,35 +1,72 @@
 using Xamarin.Forms;
 namespace CSharpMath.Forms {
+  using CSharpMath.Atom;
   using Editor;
   using Rendering.FrontEnd;
-  public class MathInputButton : MathButton {
+  public class MathInputButton : TextButton {
     public MathInputButton() => Command = new Command(() => Keyboard?.KeyPress(Input));
-    public static readonly BindableProperty KeyboardProperty =
-      BindableProperty.Create(nameof(Keyboard), typeof(MathKeyboard), typeof(MathInputButton));
     public MathKeyboard? Keyboard { get => (MathKeyboard?)GetValue(KeyboardProperty); set => SetValue(KeyboardProperty, value); }
-    static string InputToLaTeX(MathKeyboardInput input) {
-      switch (input) {
-        case MathKeyboardInput.Left: return "\u25C0";
-        case MathKeyboardInput.Right: return "\u25B6";
-        case MathKeyboardInput.Up: return "\u25B2";
-        case MathKeyboardInput.Down: return "\u25BC";
-        case MathKeyboardInput.Backspace: return "{\\color{red}\u2B05}";
-        case MathKeyboardInput.Return: return "\u21B5";
-        case MathKeyboardInput.Clear: return "{\\color{red}\u21BB}";
-        case MathKeyboardInput.Dismiss: return "\u2A2F";
-        case MathKeyboardInput.Space: return @"\ ␣\ ";
+    public static readonly BindableProperty KeyboardProperty = BindableProperty.Create(nameof(Keyboard), typeof(MathKeyboard), typeof(MathInputButton));
+    public MathKeyboardInput Input { get => (MathKeyboardInput)GetValue(InputProperty); set => SetValue(InputProperty, value); }
+    public static readonly BindableProperty InputProperty = BindablePropertyWithButtonDraw<MathInputButton>(nameof(Input), typeof(MathKeyboardInput));
+    public Color? PlaceholderActiveColor {
+      get => this.GetNullableColor(PlaceholderActiveColorProperty);
+      set => this.SetNullableColor(PlaceholderActiveColorProperty, value);
+    }
+    public static readonly BindableProperty PlaceholderActiveColorProperty = BindablePropertyWithButtonDraw<MathInputButton>(nameof(PlaceholderActiveColor), typeof(Color), defaultValue: NullableColorBindablePropertyHelper.Null);
+    public Color? PlaceholderRestingColor {
+      get => this.GetNullableColor(PlaceholderRestingColorProperty);
+      set => this.SetNullableColor(PlaceholderRestingColorProperty, value);
+    }
+    public static readonly BindableProperty PlaceholderRestingColorProperty = BindablePropertyWithButtonDraw<MathInputButton>(nameof(PlaceholderRestingColor), typeof(Color), defaultValue: NullableColorBindablePropertyHelper.Null);
+    public override void ButtonDraw() {
+      Content ??= new TextView();
+      switch (Input) {
+        case MathKeyboardInput.Left: Content.LaTeX = "\u25C0"; break;
+        case MathKeyboardInput.Right: Content.LaTeX = "\u25B6"; break;
+        case MathKeyboardInput.Up: Content.LaTeX = "\u25B2"; break;
+        case MathKeyboardInput.Down: Content.LaTeX = "\u25BC"; break;
+        case MathKeyboardInput.Backspace: Content.LaTeX = "\u2B05"; break;
+        case MathKeyboardInput.Return: Content.LaTeX = "\u21B5"; break;
+        case MathKeyboardInput.Clear: Content.LaTeX = "\u21BB"; break;
+        case MathKeyboardInput.Dismiss: Content.LaTeX = "\u2A2F"; break;
+        case MathKeyboardInput.Space: Content.LaTeX = @"\ ␣\ "; break;
         default:
           var keyboard = new MathKeyboard();
-          keyboard.KeyPress(input);
-          return keyboard.LaTeX;
+          keyboard.KeyPress(Input);
+          var latex = keyboard.LaTeX;
+          Color? restingPlaceholderColor = PlaceholderRestingColor ?? LaTeXSettings.PlaceholderRestingColor;
+          Color? activePlaceholderColor = PlaceholderActiveColor ?? LaTeXSettings.PlaceholderActiveColor;
+          if (restingPlaceholderColor != null || activePlaceholderColor != null) {
+            var restingNucleus = LaTeXSettings.PlaceholderRestingNucleus.Replace("\u25A1", @"\square");
+            var coloredPlaceholderRestingNucleus = LatexHelper.SetColor(restingNucleus, restingPlaceholderColor);
+            var coloredPlaceholderActiveNucleus = LatexHelper.SetColor(LaTeXSettings.PlaceholderActiveNucleus, activePlaceholderColor);
+            if (Input == MathKeyboardInput.Power || Input == MathKeyboardInput.Subscript) {
+              latex = latex.ReplaceFirstOccurrence(restingNucleus, coloredPlaceholderRestingNucleus);
+              latex = latex.ReplaceLastOccurrence(LaTeXSettings.PlaceholderActiveNucleus, coloredPlaceholderActiveNucleus);
+            } else if (LaTeXSettings.PlaceholderRestingNucleus == LaTeXSettings.PlaceholderActiveNucleus && latex.SubStringCount(LaTeXSettings.PlaceholderActiveNucleus) > 1
+                || restingNucleus != LaTeXSettings.PlaceholderActiveNucleus && latex.Contains(restingNucleus) && latex.Contains(LaTeXSettings.PlaceholderActiveNucleus)) {
+              latex = latex.ReplaceFirstOccurrence(LaTeXSettings.PlaceholderActiveNucleus, coloredPlaceholderActiveNucleus);
+              latex = latex.ReplaceLastOccurrence(restingNucleus, coloredPlaceholderRestingNucleus);
+            } else {
+              latex = latex.Replace(LaTeXSettings.PlaceholderActiveNucleus, coloredPlaceholderActiveNucleus);
+            }
+          }
+          Content.LaTeX = @$"\({latex}\)";
+          break;
       }
+      base.ButtonDraw();
     }
-    public static readonly BindableProperty InputProperty =
-      BindableProperty.Create(nameof(Input), typeof(MathKeyboardInput), typeof(MathInputButton), propertyChanged:(b, o, n) => {
-        var button = (MathInputButton)b;
-        button.Content ??= new MathView();
-        button.Content.LaTeX = InputToLaTeX((MathKeyboardInput)n);
-      });
+  }
+  public class ImageSourceMathInputButton : ImageButton {
+    public ImageSourceMathInputButton() {
+      Aspect = DefaultButtonStyle.AspectFit;
+      BackgroundColor = DefaultButtonStyle.TransparentBackground;
+      Command = new Command(() => Keyboard?.KeyPress(Input));
+    }
+    public MathKeyboard? Keyboard { get => (MathKeyboard?)GetValue(KeyboardProperty); set => SetValue(KeyboardProperty, value); }
+    public static readonly BindableProperty KeyboardProperty = BindableProperty.Create(nameof(Keyboard), typeof(MathKeyboard), typeof(ImageSourceMathInputButton));
     public MathKeyboardInput Input { get => (MathKeyboardInput)GetValue(InputProperty); set => SetValue(InputProperty, value); }
+    public static readonly BindableProperty InputProperty = BindableProperty.Create(nameof(Input), typeof(MathKeyboardInput), typeof(ImageSourceMathInputButton));
   }
-}
+}
\ No newline at end of file
diff --git a/CSharpMath.Forms/NullableColorBindablePropertyHelper.cs b/CSharpMath.Forms/NullableColorBindablePropertyHelper.cs
new file mode 100644
index 00000000..08e216e7
--- /dev/null
+++ b/CSharpMath.Forms/NullableColorBindablePropertyHelper.cs
@@ -0,0 +1,11 @@
+using Xamarin.Forms;
+namespace CSharpMath.Forms {
+  public static class NullableColorBindablePropertyHelper {
+    public readonly static Color Null = Color.Transparent;
+    public static Color? GetNullableColor(this BindableObject bindableObject, BindableProperty bindableProperty) {
+      var v = (Color)bindableObject.GetValue(bindableProperty);
+      return v == Null ? (Color?)null : v;
+    }
+    public static void SetNullableColor(this BindableObject bindableObject, BindableProperty bindableProperty, Color? value) => bindableObject.SetValue(bindableProperty, value ?? Null);
+  }
+}
\ No newline at end of file
diff --git a/CSharpMath.Forms/StringHelper.cs b/CSharpMath.Forms/StringHelper.cs
new file mode 100644
index 00000000..e222a926
--- /dev/null
+++ b/CSharpMath.Forms/StringHelper.cs
@@ -0,0 +1,16 @@
+using System;
+
+namespace CSharpMath.Forms {
+  internal static class StringHelper {
+    enum ReplacementOption { First, Last }
+    internal static string ReplaceFirstOccurrence(this string source, string subString, string replacement) => source.Replace(subString, replacement, ReplacementOption.First);
+    internal static string ReplaceLastOccurrence(this string source, string subString, string replacement) => source.Replace(subString, replacement, ReplacementOption.Last);
+    static string Replace(this string source, string subString, string replacement, ReplacementOption replacementOption) {
+      int index = replacementOption == ReplacementOption.First ? source.IndexOf(subString) : source.LastIndexOf(subString);
+      return index == -1 ? source : source.Remove(index, subString.Length).Insert(index, replacement);
+    }
+    internal static int SubStringCount(this string text, string substring) =>
+      text.Split(new[] { substring }, StringSplitOptions.None).Length - 1;
+  }
+}
+
diff --git a/CSharpMath.Ios.Tests/Tests.cs b/CSharpMath.Ios.Tests/Tests.cs
index 912e6f59..04d8e1af 100644
--- a/CSharpMath.Ios.Tests/Tests.cs
+++ b/CSharpMath.Ios.Tests/Tests.cs
@@ -7,7 +7,7 @@ namespace CSharpMath.Ios.Tests {
   public class Tests {
     /// <summary>Maximum percentage change from expected file size to actual file size / 100</summary>
     /// <remarks>Same idea as CSharpMath.Rendering.Tests.TestRendering.FileSizeTolerance.</remarks>
-    const double FileSizeTolerance = 1.68; // This is too large... (should be <0.01) We need to devise an alternative test mechanism
+    const double FileSizeTolerance = 1.75; // This is too large... (should be <0.01) We need to devise an alternative test mechanism
     static readonly Func<string, System.IO.Stream> GetManifestResourceStream =
       System.Reflection.Assembly.GetExecutingAssembly().GetManifestResourceStream;
     async Task Test(string directory, Action<Apple.AppleMathView> init, string file, string latex) {
diff --git a/CSharpMath.sln b/CSharpMath.sln
index e2a450c9..b240a067 100644
--- a/CSharpMath.sln
+++ b/CSharpMath.sln
@@ -100,7 +100,9 @@ Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "CSharpMath.Evaluation.Tests
 EndProject
 Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "CSharpMath.Ios.Tests", "CSharpMath.Ios.Tests\CSharpMath.Ios.Tests.csproj", "{30C91103-12E5-47AE-85FE-41B0218A8997}"
 EndProject
-Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "CSharpMath.Rendering.Benchmarks", "CSharpMath.Rendering.Benchmarks\CSharpMath.Rendering.Benchmarks.csproj", "{3D54C678-A873-4831-9894-9E92E6F8EEBF}"
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "CSharpMath.Rendering.Benchmarks", "CSharpMath.Rendering.Benchmarks\CSharpMath.Rendering.Benchmarks.csproj", "{3D54C678-A873-4831-9894-9E92E6F8EEBF}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "CSharpMath.Forms.Tests", "CSharpMath.Forms.Tests\CSharpMath.Forms.Tests.csproj", "{FBD8667E-9506-4654-9FF1-49A75BE17771}"
 EndProject
 Global
 	GlobalSection(SharedMSBuildProjectFiles) = preSolution
@@ -1513,6 +1515,54 @@ Global
 		{3D54C678-A873-4831-9894-9E92E6F8EEBF}.Release|x64.Build.0 = Release|Any CPU
 		{3D54C678-A873-4831-9894-9E92E6F8EEBF}.Release|x86.ActiveCfg = Release|Any CPU
 		{3D54C678-A873-4831-9894-9E92E6F8EEBF}.Release|x86.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Ad-Hoc|Any CPU.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Ad-Hoc|Any CPU.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Ad-Hoc|ARM.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Ad-Hoc|ARM.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Ad-Hoc|iPhone.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Ad-Hoc|iPhone.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Ad-Hoc|iPhoneSimulator.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Ad-Hoc|iPhoneSimulator.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Ad-Hoc|x64.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Ad-Hoc|x64.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Ad-Hoc|x86.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Ad-Hoc|x86.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.AppStore|Any CPU.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.AppStore|Any CPU.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.AppStore|ARM.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.AppStore|ARM.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.AppStore|iPhone.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.AppStore|iPhone.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.AppStore|iPhoneSimulator.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.AppStore|iPhoneSimulator.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.AppStore|x64.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.AppStore|x64.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.AppStore|x86.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.AppStore|x86.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Debug|ARM.ActiveCfg = Debug|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Debug|ARM.Build.0 = Debug|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Debug|iPhone.ActiveCfg = Debug|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Debug|iPhone.Build.0 = Debug|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Debug|iPhoneSimulator.ActiveCfg = Debug|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Debug|iPhoneSimulator.Build.0 = Debug|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Debug|x64.ActiveCfg = Debug|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Debug|x64.Build.0 = Debug|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Debug|x86.ActiveCfg = Debug|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Debug|x86.Build.0 = Debug|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Release|Any CPU.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Release|ARM.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Release|ARM.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Release|iPhone.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Release|iPhone.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Release|iPhoneSimulator.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Release|iPhoneSimulator.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Release|x64.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Release|x64.Build.0 = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Release|x86.ActiveCfg = Release|Any CPU
+		{FBD8667E-9506-4654-9FF1-49A75BE17771}.Release|x86.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE
@@ -1554,6 +1604,7 @@ Global
 		{06241755-626A-4992-9CAE-C5A5745CB83C} = {125C1FE9-F684-4E87-A9EF-969FD1E2D726}
 		{30C91103-12E5-47AE-85FE-41B0218A8997} = {1D406122-CB0D-4366-8EBC-2207EA64B7F1}
 		{3D54C678-A873-4831-9894-9E92E6F8EEBF} = {125C1FE9-F684-4E87-A9EF-969FD1E2D726}
+		{FBD8667E-9506-4654-9FF1-49A75BE17771} = {C365BD30-D4E7-444A-A66D-25AAB9C67038}
 	EndGlobalSection
 	GlobalSection(ExtensibilityGlobals) = postSolution
 		SolutionGuid = {3C9A56A6-4EA3-4228-B064-E4789B282032}