diff --git a/main.ui b/main.ui
index f1d4226..38b4d18 100644
--- a/main.ui
+++ b/main.ui
@@ -54,6 +54,10 @@
                 <property name="column-homogeneous">True</property>
                 <property name="column-spacing">5</property>
                 <property name="hexpand">True</property>
+                <property name="margin_bottom">10</property>
+                <property name="margin_end">20</property>
+                <property name="margin_start">20</property>
+                <property name="margin_top">10</property>
                 <property name="row-homogeneous">False</property>
                 <property name="row-spacing">5</property>
                 <property name="vexpand">False</property>
@@ -68,15 +72,33 @@
                   </object>
                 </child>
                 <child>
-                  <object class="GtkLabel">
-                    <property name="can_focus">False</property>
-                    <property name="label">Background choose</property>
+                  <object class="GtkColorButton">
+                    <property name="can_focus">True</property>
                     <layout>
                       <property name="column">1</property>
                       <property name="row">0</property>
                     </layout>
                   </object>
                 </child>
+                <child>
+                  <object class="GtkLabel">
+                    <property name="can_focus">False</property>
+                    <property name="label">Foreground</property>
+                    <layout>
+                      <property name="column">0</property>
+                      <property name="row">1</property>
+                    </layout>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkColorButton">
+                    <property name="can_focus">True</property>
+                    <layout>
+                      <property name="column">1</property>
+                      <property name="row">1</property>
+                    </layout>
+                  </object>
+                </child>
               </object>
             </child>
             <child>