Add Rootstock

app/dash/Chains/Chain/Components/index.js

@@ -78,7 +78,17 @@ export const ChainHeader = ({ type, id, primaryColor, icon, svgName, name, on, s
   )
 }
 
-const accents = ['accent1', 'accent2', 'accent3', 'accent4', 'accent5', 'accent6', 'accent7', 'accent8']
+const accents = [
+  'accent1',
+  'accent2',
+  'accent3',
+  'accent4',
+  'accent5',
+  'accent6',
+  'accent7',
+  'accent8',
+  'accent9'
+]
 
 export const EditChainColor = ({ currentColor, onChange }) => {
   return (

main/store/state/types/chain.ts

@@ -57,6 +57,56 @@ export const chainDefaults = {
       }
     }
   },
+  30: {
+    id: 30,
+    type,
+    layer: 'sidechain' as const,
+    isTestnet: false,
+    name: 'Rootstock',
+    explorer: 'https://explorer.rootstock.io',
+    on: false,
+    connection: {
+      primary: {
+        on: false,
+        current: 'custom' as const,
+        status: 'loading' as const,
+        connected: false,
+        custom: 'https://public-node.rsk.co'
+      },
+      secondary: {
+        on: false,
+        current: 'custom' as const,
+        status: 'loading' as const,
+        connected: false,
+        custom: ''
+      }
+    }
+  },
+  31: {
+    id: 30,
+    type,
+    layer: 'testnet' as const,
+    isTestnet: true,
+    name: 'Rootstock Testnet',
+    explorer: 'https://explorer.testnet.rootstock.io/',
+    on: false,
+    connection: {
+      primary: {
+        on: false,
+        current: 'custom' as const,
+        status: 'loading' as const,
+        connected: false,
+        custom: 'https://public-node.testnet.rsk.co'
+      },
+      secondary: {
+        on: false,
+        current: 'custom' as const,
+        status: 'loading' as const,
+        connected: false,
+        custom: ''
+      }
+    }
+  },
   100: {
     id: 100,
     type,

main/store/state/types/chainMeta.ts

@@ -51,6 +51,52 @@ export const chainMetaDefaults = {
     icon: 'https://frame.nyc3.cdn.digitaloceanspaces.com/icons/optimism.svg',
     primaryColor: 'accent4' // Optimism
   },
+  30: {
+    blockHeight: 0,
+    gas: {
+      fees: {},
+      samples: [],
+      price: {
+        selected: 'standard',
+        levels: { slow: '', standard: '', fast: '', asap: '', custom: '' }
+      }
+    },
+    nativeCurrency: {
+      symbol: 'RBTC',
+      usd: {
+        price: 0,
+        change24hr: 0
+      },
+      icon: 'https://s2.coinmarketcap.com/static/img/coins/64x64/3626.png',
+      name: 'Rootstock Smart Bitcoin',
+      decimals: 18
+    },
+    icon: 'https://icons.llamao.fi/icons/chains/rsz_rootstock?w=150&h=150',
+    primaryColor: 'accent9' //Rootstock
+  },
+  31: {
+    blockHeight: 0,
+    gas: {
+      fees: {},
+      samples: [],
+      price: {
+        selected: 'standard',
+        levels: { slow: '', standard: '', fast: '', asap: '', custom: '' }
+      }
+    },
+    nativeCurrency: {
+      symbol: 'tRBTC',
+      usd: {
+        price: 0,
+        change24hr: 0
+      },
+      icon: 'https://s2.coinmarketcap.com/static/img/coins/64x64/3626.png',
+      name: 'Rootstock Smart Bitcoin',
+      decimals: 18
+    },
+    icon: 'https://icons.llamao.fi/icons/chains/rsz_rootstock?w=150&h=150',
+    primaryColor: 'accent2' //Testnet
+  },
   100: {
     blockHeight: 0,
     gas: {

main/store/state/types/colors.ts

@@ -25,7 +25,8 @@ export const ColorwayPaletteSchema = z.object({
   accent5: ColorSchema,
   accent6: ColorSchema,
   accent7: ColorSchema,
-  accent8: ColorSchema
+  accent8: ColorSchema,
+  accent9: ColorSchema
 })
 
 export type ColorwayPalette = z.infer<typeof ColorwayPaletteSchema>

resources/base.styl

@@ -288,6 +288,7 @@ body
   --accent6 rgb(152, 120, 221) // Polygon
   --accent7 rgb(62, 173, 241) // Arbitrum
   --accent8 rgb(106, 131, 255)  // Other
+  --accent9 rgb(90, 181, 178) // Rootstock
 
   // // Shadows
   // --cardDrop 0px 1px 1px rgba(0, 34, 32, 0.1)
@@ -402,6 +403,7 @@ body
   --accent6 rgb(140, 97, 232) // Polygon
   --accent7 rgb(31, 144, 214) // Arbitrum
   --accent8 rgb(44, 78, 249) // Other
+  --accent9 rgb(45, 155, 152) // Rootstock
 
   --mint rgb(70, 85, 100)
   --mintOver rgba(15, 55, 55, 1)

resources/colors/index.ts

@@ -10,7 +10,8 @@ const light: ColorwayPalette = {
   accent5: { r: 90, g: 181, b: 178 },
   accent6: { r: 140, g: 97, b: 232 },
   accent7: { r: 62, g: 173, b: 241 },
-  accent8: { r: 60, g: 40, b: 234 }
+  accent8: { r: 60, g: 40, b: 234 },
+  accent9: { r: 90, g: 181, b: 178 }
 }
 
 const dark: ColorwayPalette = {
@@ -21,7 +22,8 @@ const dark: ColorwayPalette = {
   accent5: { r: 90, g: 181, b: 178 },
   accent6: { r: 140, g: 97, b: 232 },
   accent7: { r: 62, g: 173, b: 241 },
-  accent8: { r: 60, g: 40, b: 234 }
+  accent8: { r: 60, g: 40, b: 234 },
+  accent9: { r: 90, g: 181, b: 178 }
 }
 
 const colorways: Record<Colorway, ColorwayPalette> = { light, dark }