diff --git a/src/pages/home/Home.tsx b/src/pages/home/Home.tsx
index 01371fc7..eaa763de 100644
--- a/src/pages/home/Home.tsx
+++ b/src/pages/home/Home.tsx
@@ -4,12 +4,14 @@ import { Link } from "react-router-dom";
import { Text } from "preact-i18n";
import Header from "../../components/ui/Header";
+import wideSVG from '../../assets/wide.svg';
+
export default function Home() {
return (
-
+
-
diff --git a/public/assets/images/dark.svg b/src/pages/settings/assets/dark.svg
similarity index 100%
rename from public/assets/images/dark.svg
rename to src/pages/settings/assets/dark.svg
diff --git a/public/assets/images/light.svg b/src/pages/settings/assets/light.svg
similarity index 100%
rename from public/assets/images/light.svg
rename to src/pages/settings/assets/light.svg
diff --git a/public/assets/images/mutant_emoji.svg b/src/pages/settings/assets/mutant_emoji.svg
similarity index 100%
rename from public/assets/images/mutant_emoji.svg
rename to src/pages/settings/assets/mutant_emoji.svg
diff --git a/public/assets/images/noto_emoji.svg b/src/pages/settings/assets/noto_emoji.svg
similarity index 100%
rename from public/assets/images/noto_emoji.svg
rename to src/pages/settings/assets/noto_emoji.svg
diff --git a/public/assets/images/openmoji_emoji.svg b/src/pages/settings/assets/openmoji_emoji.svg
similarity index 100%
rename from public/assets/images/openmoji_emoji.svg
rename to src/pages/settings/assets/openmoji_emoji.svg
diff --git a/public/assets/images/twemoji_emoji.svg b/src/pages/settings/assets/twemoji_emoji.svg
similarity index 100%
rename from public/assets/images/twemoji_emoji.svg
rename to src/pages/settings/assets/twemoji_emoji.svg
diff --git a/src/pages/settings/panes/Appearance.tsx b/src/pages/settings/panes/Appearance.tsx
index 867d6f0e..a7466143 100644
--- a/src/pages/settings/panes/Appearance.tsx
+++ b/src/pages/settings/panes/Appearance.tsx
@@ -15,6 +15,14 @@ import { useIntermediate } from "../../../context/intermediate/Intermediate";
// @ts-ignore
import pSBC from 'shade-blend-color';
+import lightSVG from '../assets/light.svg';
+import darkSVG from '../assets/dark.svg';
+
+import mutantSVG from '../assets/mutant_emoji.svg';
+import notoSVG from '../assets/noto_emoji.svg';
+import openmojiSVG from '../assets/openmoji_emoji.svg';
+import twemojiSVG from '../assets/twemoji_emoji.svg';
+
interface Props {
settings: Settings;
}
@@ -72,7 +80,7 @@ export function Component(props: Props & WithDispatcher) {
selected !== "light" &&
@@ -84,7 +92,7 @@ export function Component(props: Props & WithDispatcher) {
selected !== "dark" && setTheme({ preset: "dark" })
@@ -131,7 +139,7 @@ export function Component(props: Props & WithDispatcher) {
setEmojiPack('mutant')}
data-active={emojiPack === 'mutant'}>
-
+
@@ -139,7 +147,7 @@ export function Component(props: Props & WithDispatcher) {
setEmojiPack('twemoji')}
data-active={emojiPack === 'twemoji'}>
-
+
Twemoji
@@ -149,7 +157,7 @@ export function Component(props: Props & WithDispatcher) {
setEmojiPack('openmoji')}
data-active={emojiPack === 'openmoji'}>
-
+
Openmoji
@@ -157,7 +165,7 @@ export function Component(props: Props & WithDispatcher) {
setEmojiPack('noto')}
data-active={emojiPack === 'noto'}>
-
+
Noto Emoji