diff --git a/src/components/panels/EditorPanel.jsx b/src/components/panels/EditorPanel.jsx
index 4f19cb5..c661c67 100644
--- a/src/components/panels/EditorPanel.jsx
+++ b/src/components/panels/EditorPanel.jsx
@@ -106,7 +106,7 @@ export class EditorPanel extends React.PureComponent {
diff --git a/src/sprites/favicon.png b/src/sprites/favicon.png
index f88434c..22b09fe 100644
Binary files a/src/sprites/favicon.png and b/src/sprites/favicon.png differ
diff --git a/src/sprites/icon.svg b/src/sprites/icon.svg
index 9f005e2..7dfdb90 100644
--- a/src/sprites/icon.svg
+++ b/src/sprites/icon.svg
@@ -139,7 +139,7 @@
-
+
@@ -148,7 +148,7 @@
-
+
@@ -161,7 +161,7 @@
-
+
@@ -171,7 +171,7 @@
-
+
@@ -179,7 +179,7 @@
-
+
@@ -187,7 +187,7 @@
-
+
@@ -197,6 +197,14 @@
+
+
+
+
+
+
+
+
diff --git a/src/sprites/icons_draft.svg b/src/sprites/icons_draft.svg
index c5e701f..221768d 100644
--- a/src/sprites/icons_draft.svg
+++ b/src/sprites/icons_draft.svg
@@ -7,6 +7,7 @@
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="600"
@@ -17,7 +18,29 @@
inkscape:version="0.92.2 5c3e80d, 2017-08-06"
sodipodi:docname="icons_draft.svg">
+ id="defs2">
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/styles/colors.less b/src/styles/colors.less
index 4e79d6e..0759894 100644
--- a/src/styles/colors.less
+++ b/src/styles/colors.less
@@ -12,5 +12,5 @@
@green_primary: #abc837;
@green_secondary: #009c80;
-@red_primary: #ff8100;
+@red_primary: #ff7034;
@red_secondary: #ff3344;
diff --git a/src/styles/panel.less b/src/styles/panel.less
index 2b86861..e4cd94f 100644
--- a/src/styles/panel.less
+++ b/src/styles/panel.less
@@ -60,6 +60,7 @@
transition: background-color 500ms;
height: 48px;
box-sizing: border-box;
+ user-select: none;
&:hover {
background: rgba(100, 100, 100, 0.2);
@@ -91,6 +92,10 @@
background: #555555;
}
+ &.cancel {
+ background: linear-gradient(270deg, #0f5871, #444444 60%);
+ }
+
&.primary {
background: linear-gradient(150deg, @blue_primary, @blue_secondary) 50% 50% no-repeat;
background-size: 100% 100%;