diff --git a/images/icons/bold.svg b/images/icons/bold.svg
new file mode 100644
index 0000000..8a31bcc
--- /dev/null
+++ b/images/icons/bold.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/images/icons/italic.svg b/images/icons/italic.svg
new file mode 100644
index 0000000..3bcedce
--- /dev/null
+++ b/images/icons/italic.svg
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/images/icons/strikethrough.svg b/images/icons/strikethrough.svg
new file mode 100644
index 0000000..70d5806
--- /dev/null
+++ b/images/icons/strikethrough.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/images/icons/underline.svg b/images/icons/underline.svg
new file mode 100644
index 0000000..9a2f8fe
--- /dev/null
+++ b/images/icons/underline.svg
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/src/css/component.css b/src/css/component.css
index eecfab8..ef8896d 100644
--- a/src/css/component.css
+++ b/src/css/component.css
@@ -213,6 +213,9 @@
display: block;
font-size: 1.6rem;
}
+button img{
+ filter: var(--menu-icons-filter);
+}
/****************\
| UI Input Group |
diff --git a/src/js/config.js b/src/js/config.js
index 4f9dcb7..b3eada1 100644
--- a/src/js/config.js
+++ b/src/js/config.js
@@ -181,19 +181,19 @@ config.TOOLS = [
size: 40,
bold: {
value: false,
- icon: ``
+ icon: `bold.svg`
},
italic: {
value: false,
- icon: ``
+ icon: `italic.svg`
},
underline: {
value: false,
- icon: ``
+ icon: `underline.svg`
},
strikethrough: {
value: false,
- icon: ``
+ icon: `strikethrough.svg`
},
fill: '#008800',
stroke: '#000000',
diff --git a/src/js/core/gui/gui-tools.js b/src/js/core/gui/gui-tools.js
index ca80c2a..e62da26 100644
--- a/src/js/core/gui/gui-tools.js
+++ b/src/js/core/gui/gui-tools.js
@@ -214,7 +214,7 @@ class GUI_tools_class {
element.classList.add('ui_icon_button');
element.classList.add('input_height');
element.innerHTML = icon;
- element.setAttribute('title', title);
+ element.innerHTML = '
';
} else {
element.classList.add('ui_toggle_button');
}