diff --git a/src/components/panels/EditorPanel.jsx b/src/components/panels/EditorPanel.jsx
index 0a43de8..4f19cb5 100644
--- a/src/components/panels/EditorPanel.jsx
+++ b/src/components/panels/EditorPanel.jsx
@@ -60,19 +60,19 @@ export class EditorPanel extends React.PureComponent {
className={classnames({ active: mode === MODES.ROUTER })}
onClick={this.startRouterMode}
>
-
+
@@ -84,21 +84,21 @@ export class EditorPanel extends React.PureComponent {
className={classnames({ active: mode === MODES.SHOTTER })}
onClick={this.startShotterMode}
>
-
+
diff --git a/src/sprites/icon.svg b/src/sprites/icon.svg
index e1564ae..9f005e2 100644
--- a/src/sprites/icon.svg
+++ b/src/sprites/icon.svg
@@ -138,6 +138,65 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/sprites/icons_draft.svg b/src/sprites/icons_draft.svg
index c16280c..c5e701f 100644
--- a/src/sprites/icons_draft.svg
+++ b/src/sprites/icons_draft.svg
@@ -25,9 +25,9 @@
borderopacity="1.0"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
- inkscape:zoom="2"
- inkscape:cx="-83.901329"
- inkscape:cy="9.506994"
+ inkscape:zoom="4"
+ inkscape:cx="-158.00628"
+ inkscape:cy="4.4652866"
inkscape:document-units="px"
inkscape:current-layer="svg8"
showgrid="false"
@@ -38,7 +38,7 @@
inkscape:window-maximized="1"
units="px"
inkscape:showpageshadow="false"
- inkscape:snap-global="false" />
+ inkscape:snap-global="true" />
@@ -47,7 +47,7 @@
image/svg+xml
-
+
@@ -58,8 +58,7 @@
transform="translate(0,-288.53332)" />
+ transform="translate(-192)">
-
+ style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:2.73455501;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="m 10.922683,16.585837 4.189515,4.189516 6.606544,-6.606544"
+ id="path7854"
+ inkscape:connector-curvature="0" />
+ id="icon-trash-2"
+ transform="translate(-96)">
+
+ width="3.1245625"
+ height="3.0925183"
+ x="2.6705999"
+ y="3.7506495"
+ rx="0.35952863"
+ ry="0.40317342" />
+ width="3.6630149"
+ height="0.86975819"
+ x="2.4013736"
+ y="2.422653"
+ rx="0.43487909"
+ ry="0.43487909" />
+ width="2.9243309"
+ height="1.3062081"
+ x="2.7707155"
+ y="1.6977544"
+ rx="0.65310407"
+ ry="0.65310407" />
-
-
-
+ width="1.9327896"
+ height="0.52264619"
+ x="3.2664864"
+ y="2.1137509"
+ rx="0.26132309"
+ ry="0.26132309" />
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ id="icon-cycle"
+ transform="translate(-256)">
-
+ transform="translate(-224)">
-
-
-
-
-
-
+ id="g8291">
+
+
+
+
+
+
+
+ id="icon-arrow"
+ transform="translate(-96)">
@@ -447,8 +363,7 @@
+ transform="translate(-320)">
+ id="icon-sticker-2"
+ transform="translate(-160)">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:3.34301686;stroke-miterlimit:4;stroke-dasharray:6.6860338, 3.3430169;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect6617"
+ width="19.5"
+ height="13.890411"
+ x="6.25"
+ y="9.8327999"
+ rx="1.0866628"
+ ry="1.0866628" />
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/styles/colors.less b/src/styles/colors.less
index bda5f89..4e79d6e 100644
--- a/src/styles/colors.less
+++ b/src/styles/colors.less
@@ -11,3 +11,6 @@
@green_primary: #abc837;
@green_secondary: #009c80;
+
+@red_primary: #ff8100;
+@red_secondary: #ff3344;
diff --git a/src/styles/panel.less b/src/styles/panel.less
index c68ef29..2b86861 100644
--- a/src/styles/panel.less
+++ b/src/styles/panel.less
@@ -97,7 +97,7 @@
}
&.success {
- background: linear-gradient(150deg, @green_primary, @green_secondary) 50% 50% no-repeat;
+ background: linear-gradient(150deg, @red_primary, @red_secondary) 50% 50% no-repeat;
background-size: 100% 100%;
}
diff --git a/src/styles/stickers.less b/src/styles/stickers.less
index 5fcf855..58cab10 100644
--- a/src/styles/stickers.less
+++ b/src/styles/stickers.less
@@ -10,8 +10,8 @@
&:before {
content: ' ';
- box-shadow: 0 0 10px 1px #ff3344;
- background: #ff334422;
+ box-shadow: 0 0 10px 1px @red_secondary;
+ background: @red_secondary;
width: 48px;
height: 48px;
left: -24px;