Headers

src/PixiEditor.UI.Common/Accents/Base.axaml

@@ -41,6 +41,13 @@
     <system:Double x:Key="FontSizeSmall">10</system:Double>
     <system:Double x:Key="FontSizeNormal">12</system:Double>
     <system:Double x:Key="FontSizeLarge">16</system:Double>
+
+    <system:Double x:Key="Header0">40</system:Double>
+    <system:Double x:Key="Header1">32</system:Double>
+    <system:Double x:Key="Header2">26</system:Double>
+    <system:Double x:Key="Header3">22</system:Double>
+    <system:Double x:Key="Header4">20</system:Double>
+
     <FontFamily x:Key="ContentControlThemeFontFamily">fonts:Inter#Inter, $Default</FontFamily>
 
 </ResourceDictionary>

src/PixiEditor.UI.Common/Styles/TextStyles.axaml

@@ -0,0 +1,24 @@
+<Styles xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    <Design.PreviewWith>
+        <Border Padding="20">
+            <TextBlock Classes="h1"/>
+        </Border>
+    </Design.PreviewWith>
+
+    <Style Selector="TextBlock.h1">
+        <Setter Property="FontSize" Value="{DynamicResource Header1}"/>
+    </Style>
+
+    <Style Selector="TextBlock.h2">
+        <Setter Property="FontSize" Value="{DynamicResource Header2}"/>
+    </Style>
+
+    <Style Selector="TextBlock.h3">
+        <Setter Property="FontSize" Value="{DynamicResource Header3}"/>
+    </Style>
+
+    <Style Selector="TextBlock.h4">
+        <Setter Property="FontSize" Value="{DynamicResource Header4}"/>
+    </Style>
+</Styles>

src/PixiEditor.UI.Common/Themes/PixiEditorTheme.axaml

@@ -10,4 +10,5 @@
     </Styles.Resources>
 
     <StyleInclude Source="/Styles/PixiEditor.Controls.axaml"/>
+    <StyleInclude Source="/Styles/TextStyles.axaml"/>
 </Styles>