diff --git a/app/javascript/images/elephant-friend-1.png b/app/javascript/images/elephant-friend-1.png
deleted file mode 100644
index 2b2383330..000000000
Binary files a/app/javascript/images/elephant-friend-1.png and /dev/null differ
diff --git a/app/javascript/images/elephant_ui_plane.svg b/app/javascript/images/elephant_ui_plane.svg
new file mode 100644
index 000000000..a2624d170
--- /dev/null
+++ b/app/javascript/images/elephant_ui_plane.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/javascript/images/mastodon-ui.png b/app/javascript/images/mastodon-ui.png
deleted file mode 100644
index a1fb642a0..000000000
Binary files a/app/javascript/images/mastodon-ui.png and /dev/null differ
diff --git a/app/javascript/images/wave-compose-standalone.png b/app/javascript/images/wave-compose-standalone.png
deleted file mode 100644
index 287ee639b..000000000
Binary files a/app/javascript/images/wave-compose-standalone.png and /dev/null differ
diff --git a/app/javascript/images/wave-drawer.png b/app/javascript/images/wave-drawer.png
deleted file mode 100644
index ca9f9e1d8..000000000
Binary files a/app/javascript/images/wave-drawer.png and /dev/null differ
diff --git a/app/javascript/images/wave-modal.png b/app/javascript/images/wave-modal.png
deleted file mode 100644
index 88818a6d7..000000000
Binary files a/app/javascript/images/wave-modal.png and /dev/null differ
diff --git a/app/javascript/styles/application.scss b/app/javascript/styles/application.scss
index fd6665f65..300040173 100644
--- a/app/javascript/styles/application.scss
+++ b/app/javascript/styles/application.scss
@@ -6,7 +6,6 @@
@import 'mastodon/reset';
@import 'mastodon/basics';
-@import 'mastodon/modal';
@import 'mastodon/containers';
@import 'mastodon/lists';
@import 'mastodon/footer';
@@ -15,7 +14,9 @@
@import 'mastodon/forms';
@import 'mastodon/accounts';
@import 'mastodon/stream_entries';
+@import 'mastodon/boost';
@import 'mastodon/components';
+@import 'mastodon/modal';
@import 'mastodon/emoji_picker';
@import 'mastodon/about';
@import 'mastodon/tables';
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 63ee06d8e..c0a32ed05 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -1762,7 +1762,7 @@
position: absolute;
top: 0;
left: 0;
- background: lighten($ui-base-color, 13%) url('../images/wave-drawer.png') no-repeat bottom / 100% auto;
+ background: lighten($ui-base-color, 13%) url('data:image/svg+xml;utf8,') no-repeat bottom / 100% auto;
box-sizing: border-box;
padding: 0;
display: flex;
@@ -1777,7 +1777,7 @@
}
> .mastodon {
- background: url('../images/mastodon-ui.png') no-repeat left bottom / contain;
+ background: url('../images/elephant_ui_plane.svg') no-repeat left bottom / contain;
flex: 1;
}
}
@@ -2154,10 +2154,7 @@
}
}
-@import 'boost';
-
.no-reduce-motion button.icon-button i.fa-retweet {
-
background-position: 0 0;
height: 19px;
transition: background-position 0.9s steps(10);
diff --git a/app/javascript/styles/mastodon/modal.scss b/app/javascript/styles/mastodon/modal.scss
index 310dcb924..f9fad732e 100644
--- a/app/javascript/styles/mastodon/modal.scss
+++ b/app/javascript/styles/mastodon/modal.scss
@@ -1,5 +1,5 @@
.modal-layout {
- background: $ui-base-color url('../images/wave-modal.png') repeat-x bottom fixed;
+ background: $ui-base-color url('data:image/svg+xml;utf8,') repeat-x bottom fixed;
display: flex;
flex-direction: column;
height: 100vh;
@@ -15,6 +15,6 @@
> * {
flex: 1;
max-height: 235px;
- background: url('../images/mastodon-ui.png') no-repeat left bottom / contain;
+ background: url('../images/elephant_ui_plane.svg') no-repeat left bottom / contain;
}
}