Frontend: Change theme order

frontend/src/options/options.js

@@ -215,6 +215,11 @@ export const Themes = () => [
     value: "vanta",
     disabled: false,
   },
+  {
+    text: $gettext("Abyss"),
+    value: "dark-purple",
+    disabled: false,
+  },
   {
     text: $gettext("Moonlight"),
     value: "moonlight",
@@ -235,6 +240,11 @@ export const Themes = () => [
     value: "lavender",
     disabled: false,
   },
+  {
+    text: $gettext("Lavender Dark"),
+    value: "dark-lavender",
+    disabled: false,
+  },
   {
     text: $gettext("Raspberry"),
     value: "raspberry",
@@ -255,16 +265,6 @@ export const Themes = () => [
     value: "yellowstone",
     disabled: false,
   },
-  {
-    text: $gettext("Dark Purple"),
-    value: "dark-purple",
-    disabled: false,
-  },
-  {
-    text: $gettext("Lavender Dark"),
-    value: "dark-lavender",
-    disabled: false,
-  },
 ];
 export const MapsAnimate = () => [
   {