diff --git a/src/components/paint-editor/icons/bitmap.svg b/src/components/paint-editor/icons/bitmap.svg
index 8b07f54e..47832b0c 100644
--- a/src/components/paint-editor/icons/bitmap.svg
+++ b/src/components/paint-editor/icons/bitmap.svg
@@ -5,7 +5,7 @@
Created with Sketch.
-
+
diff --git a/src/components/paint-editor/paint-editor.css b/src/components/paint-editor/paint-editor.css
index 38ca5063..087c1e82 100644
--- a/src/components/paint-editor/paint-editor.css
+++ b/src/components/paint-editor/paint-editor.css
@@ -179,13 +179,19 @@ $border-radius: 0.25rem;
.bitmap-button {
display: flex;
border-radius: 5px;
- background-color: hsla(0, 0%, 0%, .25);
+ background-color: $motion-primary;
padding: calc(2 * $grid-unit);
line-height: 1.5rem;
font-size: calc(3 * $grid-unit);
font-weight: bold;
+ color: white;
justify-content: center;
- opacity: .5;
+ opacity: .75;
+}
+
+.bitmap-button:active {
+ background-color: $motion-primary;
+ opacity: 1;
}
.bitmap-button-icon {
diff --git a/src/components/paint-editor/paint-editor.jsx b/src/components/paint-editor/paint-editor.jsx
index 72297011..a323debd 100644
--- a/src/components/paint-editor/paint-editor.jsx
+++ b/src/components/paint-editor/paint-editor.jsx
@@ -15,7 +15,6 @@ import Button from '../button/button.jsx';
import ButtonGroup from '../button-group/button-group.jsx';
import BrushMode from '../../containers/brush-mode.jsx';
import BufferedInputHOC from '../forms/buffered-input-hoc.jsx';
-import {ComingSoonTooltip} from '../coming-soon/coming-soon.jsx';
import Dropdown from '../dropdown/dropdown.jsx';
import EraserMode from '../../containers/eraser-mode.jsx';
import FillColorIndicatorComponent from '../../containers/fill-color-indicator.jsx';
@@ -403,22 +402,19 @@ const PaintEditorComponent = props => {
}
-
-
-
-
- {props.intl.formatMessage(messages.bitmap)}
-
-
-
+
+
+ {props.intl.formatMessage(messages.bitmap)}
+
+
{/* Zoom controls */}