Taiko staking

package.json

@@ -74,7 +74,7 @@
     "@popperjs/core": "^2.9.2",
     "@sentry/browser": "^7.17.4",
     "@sentry/tracing": "^7.17.4",
-    "@symmetric-v3/sdk": "^1.2.33-beta.1",
+    "@symmetric-v3/sdk": "^1.2.34-beta.1",
     "@tanstack/vue-query": "^4.22.0",
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/vue": "^7.0.0",

src/App.vue

@@ -90,6 +90,7 @@ const themeMap = {
   meter: 'meter',
   taiko: 'taiko',
   etherlink: 'etherlink',
+  'vana-moksha': 'vana-moksha',
 };
 // Function to update theme based on the route slug
 const updateTheme = () => {

src/assets/css/tailwind.css

@@ -606,6 +606,57 @@ html[data-theme='etherlink'] {
   --color-orange-700: 180, 83, 9;
 }
 
+html[data-theme='vana-moksha'] {
+  /* Blue */
+  --color-blue-50: 243, 241, 244;
+  --color-blue-100: 237, 235, 240;
+  --color-blue-200: 230, 228, 234;
+  --color-blue-300: 231, 228, 233;
+  --color-blue-400: 231, 228, 233; /* New Primary Color */
+  --color-blue-500: 184, 183, 187;
+  --color-blue-600: 138, 137, 142;
+  --color-blue-700: 92, 91, 96;
+  --color-blue-800: 46, 45, 50;
+  --color-blue-900: 22, 21, 25;
+
+  /* Gray */
+  --color-gray-50: 230, 230, 230;
+  --color-gray-100: 208, 208, 208; /* Dark Text */
+  --color-gray-200: 182, 182, 182;
+  --color-gray-300: 147, 147, 147;
+  --color-gray-400: 154, 154, 154; /* Text Secondary dark */
+  --color-gray-500: 75, 75, 75;
+  --color-gray-600: 57, 57, 57;
+  --color-gray-700: 69, 69, 69; /* Select Box Background */
+  --color-gray-800: 27, 27, 27; /* Box Input Background */
+  --color-gray-900: 0, 0, 0; /* Background */
+  --color-gray-850: 18, 18, 18; /* Box Background */
+
+  /* Pink */
+  --color-pink-50: 255, 235, 240;
+  --color-pink-100: 255, 210, 220;
+  --color-pink-200: 255, 180, 195;
+  --color-pink-300: 255, 150, 175;
+  --color-pink-400: 27, 27, 27; /* Gradient Loading */
+  --color-pink-500: 255, 226, 160; /* Stars Gradient */
+  --color-pink-600: 69, 69, 69; /* Gradient Base */
+  --color-pink-700: 57, 57, 57; /* Gradient Hover */
+  --color-pink-800: 205, 80, 120;
+  --color-pink-900: 180, 65, 100;
+
+  /* Yellow */
+  --color-yellow-500: 255, 255, 255; /* Stars Gradient */
+
+  /* Purple */
+  --color-purple-500: 255, 226, 160; /* Ve Stars Gradient */
+
+  /* Orange */
+  --color-orange-300: 252, 211, 77; /* Stars on Add liquidity */
+  --color-orange-600: 217, 119, 6;
+  --color-orange-700: 180, 83, 9;
+  --bg-white: 240, 240, 234;
+}
+
 @layer utilities {
   .text-primary {
     @apply text-gray-900 dark:text-gray-100;

src/assets/data/contracts/vana-moksha.json

@@ -0,0 +1,16 @@
+{
+  "Authorizer": "0x1Fe0eBD7B53fC434Ea0a69074406503F9Ab0e2FC",
+  "BalancerHelpers": "0xF4d9D664BAD7754A9292A03D0255e0b901FCE752",
+  "BalancerQueries": "0xc1abdF9542BB46F4a128C5c93Ee5D101E481Bd05",
+  "BalancerRelayer": "0xEC72775206091e6cee0e9801189aC9Ca19266dB7",
+  "BatchRelayerLibrary": "0x69331C1c1A93C1093d42DC951FF779eda7B3ED57",
+  "BatchRelayerQueryLibrary": "0xF2170C34e49D60b0A3ab5b5098C3844d5385935b",
+  "ComposableStablePoolFactory": "0xC7623faa9e41DaAf854F07B5b45e70Cf1d68583E",
+  "MockComposableStablePool": "0x8aDCD44510d0327Fd221011feb028b1CfeDDbCBa",
+  "MockWeightedPool": "0x25943e5758611C635b5106bB663Aa2DD4EDFcaeA",
+  "ProtocolFeePercentagesProvider": "0x6166DA5fde541398149BC69E4e1E9430FC78B77e",
+  "ProtocolFeesCollector": "0x2EC5B1C5865D88D36cA9DD724A4e2f7C8d4C6bed",
+  "SymmToken": "0x4e4131dC27ed9501ac5fEb76F94572fDAe9f0fD0",
+  "Vault": "0xBA96c3dE0d8c2AD73962ee43Ab60CE3e094453De",
+  "WeightedPoolFactory": "0x8670184F35F9A7b4E28269BEE0a7475ea681493D"
+}