feat: devnet build configuration

package.json

@@ -57,6 +57,10 @@
     "desktop:dev": "yarn build:desktop:dev && yarn tauri dev",
     "desktop:build": "yarn build:desktop && yarn tauri build",
     "desktop:reset": "rm -rf ~/Library/WebKit/com.miden.wallet ~/Library/Caches/com.miden.wallet ~/Library/Application\\ Support/com.miden.wallet",
+    "build:devnet": "rimraf ./dist && yarn clear:webpack-cache && cross-env MIDEN_NETWORK=devnet DISABLE_TS_CHECKER=true NODE_ENV=development MODE_ENV=production MANIFEST_VERSION=3 webpack",
+    "dev:devnet": "cross-env MIDEN_NETWORK=devnet DISABLE_TS_CHECKER=true NODE_ENV=development MODE_ENV=development MANIFEST_VERSION=3 webpack --watch --progress",
+    "build:mobile:devnet": "rimraf ./dist/mobile && cross-env MIDEN_NETWORK=devnet DISABLE_TS_CHECKER=true NODE_ENV=development MODE_ENV=production webpack --config webpack.mobile.config.js",
+    "build:desktop:devnet": "rimraf ./dist/desktop && cross-env MIDEN_NETWORK=devnet DISABLE_TS_CHECKER=true NODE_ENV=development MODE_ENV=production webpack --config webpack.desktop.config.js",
     "tauri": "tauri"
   },
   "dependencies": {

src/app/atoms/Spinner/Spinner.tsx

@@ -1,12 +1,14 @@
 import React, { FC } from 'react';
 
+import { PRIMARY_HEX } from 'utils/brand-colors';
+
 import CircularProgress from '../CircularProgress';
 
 type SpinnerProps = {
   color?: string;
 };
 
-const Spinner: FC<SpinnerProps> = ({ color = '#FF5500' }) => {
+const Spinner: FC<SpinnerProps> = ({ color = PRIMARY_HEX }) => {
   return <CircularProgress borderWeight={2} progress={40} circleColor={color} circleSize={24} spin={true} />;
 };
 

src/app/atoms/ToggleSwitch.tsx

@@ -5,6 +5,7 @@ import classNames from 'clsx';
 import { AnalyticsEventCategory, TestIDProps, useAnalytics } from 'lib/analytics';
 import { hapticMedium } from 'lib/mobile/haptics';
 import { checkedHandler } from 'lib/ui/inputHandlers';
+import { ACCENT_HEX } from 'utils/brand-colors';
 
 type ToggleSwitchProps = InputHTMLAttributes<HTMLInputElement> &
   TestIDProps & {
@@ -55,7 +56,7 @@ const ToggleSwitch = forwardRef<HTMLInputElement, ToggleSwitchProps>(
           style={{
             width: '40px',
             height: '22px',
-            backgroundColor: localChecked ? '#EE622F' : '#E5E7EB',
+            backgroundColor: localChecked ? ACCENT_HEX : '#E5E7EB',
             pointerEvents: 'none'
           }}
         />