diff --git a/heading-extension-using-attributes.png b/heading-extension-using-attributes.png
index ae6abe6..0bac228 100644
Binary files a/heading-extension-using-attributes.png and b/heading-extension-using-attributes.png differ
diff --git a/view/adminhtml/web/css/images/content-type/heading/appearance/brand-black-swatch.svg b/view/adminhtml/web/css/images/content-type/heading/appearance/brand-black-swatch.svg
index 774b7dc..312e3a0 100755
--- a/view/adminhtml/web/css/images/content-type/heading/appearance/brand-black-swatch.svg
+++ b/view/adminhtml/web/css/images/content-type/heading/appearance/brand-black-swatch.svg
@@ -1,9 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch -->
-    <title>icon-pagebuilder-black-swatch</title>
-    <desc>Created with Sketch.</desc>
-    <g id="icon-pagebuilder-black-swatch" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <rect id="Rectangle" fill="#000000" x="0" y="0" width="20" height="20" rx="2"></rect>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" version="1.1" viewBox="0 0 20 20"><title>icon-pagebuilder-black-swatch</title><desc>Created with Sketch.</desc><g id="icon-pagebuilder-black-swatch" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><rect id="Rectangle" width="20" height="20" x="0" y="0" fill="#000" rx="2"/></g></svg>
\ No newline at end of file
diff --git a/view/adminhtml/web/css/images/content-type/heading/appearance/brand-blue-swatch.svg b/view/adminhtml/web/css/images/content-type/heading/appearance/brand-blue-swatch.svg
index 93d195b..a508f88 100755
--- a/view/adminhtml/web/css/images/content-type/heading/appearance/brand-blue-swatch.svg
+++ b/view/adminhtml/web/css/images/content-type/heading/appearance/brand-blue-swatch.svg
@@ -1,9 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch -->
-    <title>icon-pagebuilder-blue-swatch</title>
-    <desc>Created with Sketch.</desc>
-    <g id="icon-pagebuilder-blue-swatch" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <rect id="Rectangle" fill="#007AB9" x="0" y="0" width="20" height="20" rx="2"></rect>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" version="1.1" viewBox="0 0 20 20"><title>icon-pagebuilder-blue-swatch</title><desc>Created with Sketch.</desc><g id="icon-pagebuilder-blue-swatch" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><rect id="Rectangle" width="20" height="20" x="0" y="0" fill="#007AB9" rx="2"/></g></svg>
\ No newline at end of file
diff --git a/view/adminhtml/web/css/images/content-type/heading/appearance/brand-green-swatch.svg b/view/adminhtml/web/css/images/content-type/heading/appearance/brand-green-swatch.svg
index e5582f5..9ba2e89 100755
--- a/view/adminhtml/web/css/images/content-type/heading/appearance/brand-green-swatch.svg
+++ b/view/adminhtml/web/css/images/content-type/heading/appearance/brand-green-swatch.svg
@@ -1,9 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch -->
-    <title>icon-pagebuilder-green-swatch</title>
-    <desc>Created with Sketch.</desc>
-    <g id="icon-pagebuilder-green-swatch" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <rect id="Rectangle" fill="#009900" x="0" y="0" width="20" height="20" rx="2"></rect>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" version="1.1" viewBox="0 0 20 20"><title>icon-pagebuilder-green-swatch</title><desc>Created with Sketch.</desc><g id="icon-pagebuilder-green-swatch" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><rect id="Rectangle" width="20" height="20" x="0" y="0" fill="#090" rx="2"/></g></svg>
\ No newline at end of file
diff --git a/view/adminhtml/web/css/images/content-type/heading/appearance/brand-purple-swatch.svg b/view/adminhtml/web/css/images/content-type/heading/appearance/brand-purple-swatch.svg
index 3deec1a..2f523da 100755
--- a/view/adminhtml/web/css/images/content-type/heading/appearance/brand-purple-swatch.svg
+++ b/view/adminhtml/web/css/images/content-type/heading/appearance/brand-purple-swatch.svg
@@ -1,9 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch -->
-    <title>icon-pagebuilder-purple-swatch</title>
-    <desc>Created with Sketch.</desc>
-    <g id="icon-pagebuilder-purple-swatch" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <rect id="Rectangle" fill="#990099" x="0" y="0" width="20" height="20" rx="2"></rect>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" version="1.1" viewBox="0 0 20 20"><title>icon-pagebuilder-purple-swatch</title><desc>Created with Sketch.</desc><g id="icon-pagebuilder-purple-swatch" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><rect id="Rectangle" width="20" height="20" x="0" y="0" fill="#909" rx="2"/></g></svg>
\ No newline at end of file
diff --git a/view/adminhtml/web/css/images/content-type/heading/appearance/brand-red-swatch.svg b/view/adminhtml/web/css/images/content-type/heading/appearance/brand-red-swatch.svg
index 59e960c..dc9fadd 100755
--- a/view/adminhtml/web/css/images/content-type/heading/appearance/brand-red-swatch.svg
+++ b/view/adminhtml/web/css/images/content-type/heading/appearance/brand-red-swatch.svg
@@ -1,9 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch -->
-    <title>icon-pagebuilder-red-swatch</title>
-    <desc>Created with Sketch.</desc>
-    <g id="icon-pagebuilder-red-swatch" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <rect id="Rectangle" fill="#990000" x="0" y="0" width="20" height="20" rx="2"></rect>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" version="1.1" viewBox="0 0 20 20"><title>icon-pagebuilder-red-swatch</title><desc>Created with Sketch.</desc><g id="icon-pagebuilder-red-swatch" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><rect id="Rectangle" width="20" height="20" x="0" y="0" fill="#900" rx="2"/></g></svg>
\ No newline at end of file
diff --git a/view/adminhtml/web/css/images/content-type/heading/appearance/style-bold.svg b/view/adminhtml/web/css/images/content-type/heading/appearance/style-bold.svg
index 6abbaed..eb11777 100644
--- a/view/adminhtml/web/css/images/content-type/heading/appearance/style-bold.svg
+++ b/view/adminhtml/web/css/images/content-type/heading/appearance/style-bold.svg
@@ -1,2 +1 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000"><path d="M 2.898438 24 L 2.898438 0 L 10.800781 0 C 13.800781 0 16.101563 0.601563 17.800781 1.699219 C 19.5 2.800781 20.300781 4.5 20.300781 6.601563 C 20.300781 7.699219 20 8.800781 19.5 9.601563 C 19 10.5 18.101563 11.199219 17 11.601563 C 18.398438 11.898438 19.5 12.5 20.199219 13.5 C 20.898438 14.5 21.199219 15.601563 21.199219 16.800781 C 21.199219 19.101563 20.398438 20.898438 18.800781 22.101563 C 17.199219 23.300781 15 24 12 24 Z M 8.398438 10 L 10.601563 10 C 11.898438 10 12.898438 9.800781 13.601563 9.300781 C 14.300781 8.800781 14.601563 8.101563 14.601563 7.199219 C 14.601563 6.199219 14.300781 5.398438 13.601563 5 C 12.898438 4.601563 12 4.300781 10.699219 4.300781 L 8.398438 4.300781 Z M 8.398438 13.699219 L 8.398438 19.699219 L 12 19.699219 C 13.199219 19.699219 14.101563 19.5 14.699219 19 C 15.300781 18.5 15.601563 17.800781 15.601563 16.800781 C 15.601563 15.800781 15.300781 15 14.800781 14.5 C 14.300781 14 13.398438 13.699219 12.199219 13.699219 Z" fill="#000000"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="#000" viewBox="0 0 24 24"><path fill="#000" d="M 2.898438 24 L 2.898438 0 L 10.800781 0 C 13.800781 0 16.101563 0.601563 17.800781 1.699219 C 19.5 2.800781 20.300781 4.5 20.300781 6.601563 C 20.300781 7.699219 20 8.800781 19.5 9.601563 C 19 10.5 18.101563 11.199219 17 11.601563 C 18.398438 11.898438 19.5 12.5 20.199219 13.5 C 20.898438 14.5 21.199219 15.601563 21.199219 16.800781 C 21.199219 19.101563 20.398438 20.898438 18.800781 22.101563 C 17.199219 23.300781 15 24 12 24 Z M 8.398438 10 L 10.601563 10 C 11.898438 10 12.898438 9.800781 13.601563 9.300781 C 14.300781 8.800781 14.601563 8.101563 14.601563 7.199219 C 14.601563 6.199219 14.300781 5.398438 13.601563 5 C 12.898438 4.601563 12 4.300781 10.699219 4.300781 L 8.398438 4.300781 Z M 8.398438 13.699219 L 8.398438 19.699219 L 12 19.699219 C 13.199219 19.699219 14.101563 19.5 14.699219 19 C 15.300781 18.5 15.601563 17.800781 15.601563 16.800781 C 15.601563 15.800781 15.300781 15 14.800781 14.5 C 14.300781 14 13.398438 13.699219 12.199219 13.699219 Z"/></svg>
\ No newline at end of file
diff --git a/view/adminhtml/web/css/images/content-type/heading/appearance/style-italic.svg b/view/adminhtml/web/css/images/content-type/heading/appearance/style-italic.svg
index b0a12f7..8126420 100644
--- a/view/adminhtml/web/css/images/content-type/heading/appearance/style-italic.svg
+++ b/view/adminhtml/web/css/images/content-type/heading/appearance/style-italic.svg
@@ -1,2 +1 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" fill="#000000"><path d="M 16.398438 24 L 4.199219 24 L 4.699219 22.101563 C 5 22.101563 5.5 22 6 22 C 6.601563 22 6.898438 21.898438 7.199219 21.800781 C 7.601563 21.601563 7.898438 21.398438 8.101563 21.199219 C 8.300781 20.898438 8.5 20.601563 8.601563 20.199219 L 12.199219 6.101563 C 12.300781 5.699219 12.300781 5.398438 12.199219 5.199219 C 12.101563 4.898438 11.898438 4.699219 11.601563 4.5 C 11.398438 4.398438 11 4.300781 10.601563 4.199219 C 10.101563 4.101563 9.601563 4 9.300781 4 L 9.800781 2 L 22 2 L 21.5 4 C 21.199219 4 20.398438 4.101563 19.898438 4.101563 C 19.398438 4.199219 19 4.199219 18.699219 4.300781 C 18.300781 4.398438 17.898438 4.601563 17.699219 4.898438 C 17.5 5.199219 17.300781 5.5 17.300781 5.898438 L 13.699219 20 C 13.601563 20.398438 13.601563 20.699219 13.699219 21 C 13.800781 21.300781 14 21.5 14.300781 21.601563 C 14.5 21.699219 14.800781 21.800781 15.300781 21.898438 C 15.800781 22 16.601563 22 16.898438 22.101563 Z" fill="#000000"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="#000" viewBox="0 0 26 26"><path fill="#000" d="M 16.398438 24 L 4.199219 24 L 4.699219 22.101563 C 5 22.101563 5.5 22 6 22 C 6.601563 22 6.898438 21.898438 7.199219 21.800781 C 7.601563 21.601563 7.898438 21.398438 8.101563 21.199219 C 8.300781 20.898438 8.5 20.601563 8.601563 20.199219 L 12.199219 6.101563 C 12.300781 5.699219 12.300781 5.398438 12.199219 5.199219 C 12.101563 4.898438 11.898438 4.699219 11.601563 4.5 C 11.398438 4.398438 11 4.300781 10.601563 4.199219 C 10.101563 4.101563 9.601563 4 9.300781 4 L 9.800781 2 L 22 2 L 21.5 4 C 21.199219 4 20.398438 4.101563 19.898438 4.101563 C 19.398438 4.199219 19 4.199219 18.699219 4.300781 C 18.300781 4.398438 17.898438 4.601563 17.699219 4.898438 C 17.5 5.199219 17.300781 5.5 17.300781 5.898438 L 13.699219 20 C 13.601563 20.398438 13.601563 20.699219 13.699219 21 C 13.800781 21.300781 14 21.5 14.300781 21.601563 C 14.5 21.699219 14.800781 21.800781 15.300781 21.898438 C 15.800781 22 16.601563 22 16.898438 22.101563 Z"/></svg>
\ No newline at end of file
diff --git a/view/adminhtml/web/css/images/content-type/heading/appearance/style-quote.svg b/view/adminhtml/web/css/images/content-type/heading/appearance/style-quote.svg
index 03a1ce5..b5e33ed 100644
--- a/view/adminhtml/web/css/images/content-type/heading/appearance/style-quote.svg
+++ b/view/adminhtml/web/css/images/content-type/heading/appearance/style-quote.svg
@@ -1,2 +1 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="#000000"><path d="M 8.0234375 3.9921875 A 1.0001 1.0001 0 0 0 7.4003906 4.1992188 C 7.4003906 4.1992188 3 7.5555556 3 14 L 3 24 C 3 25.105 3.895 26 5 26 L 11 26 C 12.105 26 13 25.105 13 24 L 13 16 C 13 14.895 12.105 14 11 14 L 6.9589844 14 C 6.9341312 12.219421 7.1084098 8.4110083 8.8222656 5.5742188 A 1.0001 1.0001 0 0 0 8.0234375 3.9921875 z M 22.023438 3.9921875 A 1.0001 1.0001 0 0 0 21.400391 4.1992188 C 21.400391 4.1992188 17 7.5555556 17 14 L 17 24 C 17 25.105 17.895 26 19 26 L 25 26 C 26.105 26 27 25.105 27 24 L 27 16 C 27 14.895 26.105 14 25 14 L 20.958984 14 C 20.934131 12.219421 21.10841 8.4110083 22.822266 5.5742188 A 1.0001 1.0001 0 0 0 22.023438 3.9921875 z" fill="#000000"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="#000" viewBox="0 0 30 30"><path fill="#000" d="M 8.0234375 3.9921875 A 1.0001 1.0001 0 0 0 7.4003906 4.1992188 C 7.4003906 4.1992188 3 7.5555556 3 14 L 3 24 C 3 25.105 3.895 26 5 26 L 11 26 C 12.105 26 13 25.105 13 24 L 13 16 C 13 14.895 12.105 14 11 14 L 6.9589844 14 C 6.9341312 12.219421 7.1084098 8.4110083 8.8222656 5.5742188 A 1.0001 1.0001 0 0 0 8.0234375 3.9921875 z M 22.023438 3.9921875 A 1.0001 1.0001 0 0 0 21.400391 4.1992188 C 21.400391 4.1992188 17 7.5555556 17 14 L 17 24 C 17 25.105 17.895 26 19 26 L 25 26 C 26.105 26 27 25.105 27 24 L 27 16 C 27 14.895 26.105 14 25 14 L 20.958984 14 C 20.934131 12.219421 21.10841 8.4110083 22.822266 5.5742188 A 1.0001 1.0001 0 0 0 22.023438 3.9921875 z"/></svg>
\ No newline at end of file