diff --git a/src/assets/traffic_cone.svg b/src/assets/traffic_cone.svg
new file mode 100644
index 0000000..a4cf6ef
--- /dev/null
+++ b/src/assets/traffic_cone.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/components/ThemeIcon.tsx b/src/components/ThemeIcon.tsx
index 8c939ed..2def417 100644
--- a/src/components/ThemeIcon.tsx
+++ b/src/components/ThemeIcon.tsx
@@ -15,7 +15,7 @@ function ThemeIcon({ inApp }: Props) {
};
const getIcon = () => {
- const size = inApp ? 24 : 30;
+ const size = inApp ? 22 : 30;
const color = inApp ? (isDark ? "white" : "black") : "white";
switch (theme) {
diff --git a/src/components/menubar/index.tsx b/src/components/menubar/index.tsx
index 1f50208..2024fc6 100644
--- a/src/components/menubar/index.tsx
+++ b/src/components/menubar/index.tsx
@@ -16,6 +16,7 @@ import ThemeIcon from "@/components/ThemeIcon";
import BlockmaticIcon from "@/assets/blockmatic-icon-colored.svg?react";
import BlockmaticText from "@/assets/blockmatic-text-colored.svg?react";
import GithubIcon from "@/assets/github.svg?react";
+import TrafficConeIcon from "@/assets/traffic_cone.svg?react";
function Menubar() {
const { isDark } = useContext(ThemeContext);
@@ -33,11 +34,14 @@ function Menubar() {