Skin for Zama Gateway mainnet and testnet

configs/color-themes/zama.json

@@ -0,0 +1,131 @@
+{
+  "hover": {
+    "_light": {
+      "value": "rgba(101, 97, 95, 1)"
+    },
+    "_dark": {
+      "value": "rgba(149, 149, 149, 1)"
+    }
+  },
+  "selected": {
+    "control": {
+      "text": {
+        "_light": {
+          "value": "rgba(16, 17, 18, 0.8)"
+        },
+        "_dark": {
+          "value": "rgba(247, 250, 252, 1)"
+        }
+      },
+      "bg": {
+        "_light": {
+          "value": "rgba(16, 17, 18, 0.04)"
+        },
+        "_dark": {
+          "value": "rgba(255, 255, 255, 0.06)"
+        }
+      }
+    },
+    "option": {
+      "bg": {
+        "_light": {
+          "value": "rgba(0, 0, 0, 1)"
+        },
+        "_dark": {
+          "value": "rgba(91, 73, 22, 1)"
+        }
+      }
+    }
+  },
+  "button": {
+    "primary": {
+      "_light": {
+        "value": "rgba(45, 45, 45, 1)"
+      },
+      "_dark": {
+        "value": "rgba(244, 244, 244, 1)"
+      },
+      "text": {
+        "_light": {
+          "value": "rgba(255, 255, 255, 0.92)"
+        },
+        "_dark": {
+          "value": "rgba(0, 0, 0, 1)"
+        }
+      }
+    }
+  },
+  "link": {
+    "primary": {
+      "_light": {
+        "value": "rgba(45, 45, 45, 1)"
+      },
+      "_dark": {
+        "value": "rgba(244, 244, 244, 1)"
+      }
+    }
+  },
+  "graph": {
+    "line": {
+      "_light": {
+        "value": "rgba(0, 0, 0, 1)"
+      },
+      "_dark": {
+        "value": "rgba(255, 255, 255, 1)"
+      }
+    },
+    "gradient": {
+      "start": {
+        "_light": {
+          "value": "rgba(0, 0, 0, 0.3)"
+        },
+        "_dark": {
+          "value": "rgba(255, 255, 255, 0.3)"
+        }
+      },
+      "stop": {
+        "_light": {
+          "value": "rgba(0, 0, 0, 0)"
+        },
+        "_dark": {
+          "value": "rgba(255, 255, 255, 0)"
+        }
+      }
+    }
+  },
+  "stats": {
+    "bg": {
+      "_light": {
+        "value": "rgba(16, 17, 18, 0.04)"
+      }
+    }
+  },
+  "navigation": {
+    "text": {
+      "selected": {
+        "_light": {
+          "value": "rgba(16, 17, 18, 0.8)"
+        }
+      }
+    },
+    "bg": {
+      "selected": {
+        "_light": {
+          "value": "rgba(16, 17, 18, 0.04)"
+        }
+      }
+    }
+  },
+  "tabs": {
+    "text": {
+      "primary": {
+        "_light": {
+          "value": "rgba(16, 17, 18, 0.8)"
+        },
+        "_dark": {
+          "value": "rgba(247, 250, 252, 1)"
+        }
+      }
+    }
+  }
+}

configs/featured-networks/zama.json

@@ -2,11 +2,13 @@
   {
     "title": "Zama Gateway Mainnet",
     "url": "https://zama.blockscout.com/",
-    "group": "Mainnets"
+    "group": "Mainnets",
+    "icon": "https://blockscout-icons.s3.us-east-1.amazonaws.com/zama.svg"
   },
   {
     "title": "Zama Gateway Testnet",
     "url": "https://zama-testnet.blockscout.com/",
-    "group": "Testnets"
+    "group": "Testnets",
+    "icon": "https://blockscout-icons.s3.us-east-1.amazonaws.com/zama.svg"
   }
 ]

configs/hero-banner/zama-testnet.json

@@ -0,0 +1,14 @@
+{
+  "background": ["rgba(255, 210, 9, 1)"],
+  "text_color": ["rgba(0, 0, 0, 1)"],
+  "button": {
+    "_default": {
+      "background": ["rgba(0, 0, 0, 1)", "rgba(0, 0, 0, 1)"],
+      "text_color": ["rgba(255, 255, 255, 1)", "rgba(255, 255, 255, 1)"]
+    },
+    "_hover": {
+      "background": ["rgba(70, 66, 64, 1)", "rgba(70, 66, 64, 1)"],
+      "text_color": ["rgba(255, 255, 255, 1)", "rgba(255, 255, 255, 1)"]
+    }
+  }
+}

configs/hero-banner/zama.json

@@ -0,0 +1,17 @@
+{
+  "background": [
+    "url(https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/network-skins/zama-light.png) lightgray 0px -332.473px / 100% 303.016% no-repeat",
+    "url(https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/network-skins/zama-dark.png) lightgray 0px -332.473px / 100% 303.016% no-repeat"
+  ],
+  "text_color": ["rgba(0, 0, 0, 1)", "rgba(255, 255, 255, 1)"],
+  "button": {
+    "_default": {
+      "background": ["rgba(0, 0, 0, 1)", "rgba(0, 0, 0, 1)"],
+      "text_color": ["rgba(255, 255, 255, 1)", "rgba(255, 255, 255, 1)"]
+    },
+    "_hover": {
+      "background": ["rgba(70, 66, 64, 1)", "rgba(70, 66, 64, 1)"],
+      "text_color": ["rgba(255, 255, 255, 1)", "rgba(255, 255, 255, 1)"]
+    }
+  }
+}