From f9d9dec1f43d62268e633fa723e920441c5ab66d Mon Sep 17 00:00:00 2001
From: Cosmos4k <cosmos.ghost.777@gmail.com>
Date: Fri, 30 Oct 2026 02:49:09 -0400
Subject: [PATCH] feat: GHOST branding and theme across components and build
 configs

---
 .../apps-config/src/ui/logos/chains/index.ts  |   1 +
 packages/apps-electron/webpack.renderer.cjs   |   2 +-
 packages/apps/public/favicon.ico              | Bin 38078 -> 15406 bytes
 packages/apps/public/index.html               |  39 +++++++++++++++---
 .../apps/public/locales/en/apps-config.json   |   2 +
 .../apps/public/locales/en/apps-routing.json  |   1 +
 packages/apps/public/locales/en/apps.json     |   1 +
 packages/apps/src/Menu/index.tsx              |  14 +++++--
 packages/apps/src/overlays/Base.tsx           |   2 +-
 packages/apps/src/overlays/BeforeInit.tsx     |   6 +--
 packages/apps/webpack.config.cjs              |   2 +-
 packages/apps/webpack.serve.cjs               |   2 +-
 .../src/Actions/SessionKeyInfo.tsx            |   2 +-
 .../src/Validators/StakingAsyncOverview.tsx   |   2 +-
 packages/react-components/src/MarkWarning.tsx |   2 +-
 packages/react-components/src/Tabs/Tab.tsx    |   7 ++--
 packages/react-components/src/Tag.tsx         |   2 +-
 packages/react-components/src/styles/index.ts |   4 +-
 18 files changed, 65 insertions(+), 26 deletions(-)

diff --git a/packages/apps-config/src/ui/logos/chains/index.ts b/packages/apps-config/src/ui/logos/chains/index.ts
index 6623b95c5d..0f258fc79a 100644
--- a/packages/apps-config/src/ui/logos/chains/index.ts
+++ b/packages/apps-config/src/ui/logos/chains/index.ts
@@ -18,6 +18,7 @@ export { chainsBitgreenPNG } from './generated/bitgreenPNG.js';
 export { chainsBittensorPNG } from './generated/bittensorPNG.js';
 export { chainsBrainstormPNG } from './generated/brainstormPNG.js';
 export { chainsBulletinSVG } from './generated/bulletinSVG.js';
+export { chainsCasperTestnetSVG } from './generated/CasperTestnetSVG.js';
 export { chainsChainflipPNG } from './generated/chainflipPNG.js';
 export { chainsCommuneaiPNG } from './generated/communeaiPNG.js';
 export { chainsComposableFinancePNG } from './generated/composableFinancePNG.js';
diff --git a/packages/apps-electron/webpack.renderer.cjs b/packages/apps-electron/webpack.renderer.cjs
index 55cd349e29..8e8b44fc5d 100644
--- a/packages/apps-electron/webpack.renderer.cjs
+++ b/packages/apps-electron/webpack.renderer.cjs
@@ -27,7 +27,7 @@ module.exports = merge(
         }]
       }),
       new HtmlWebpackPlugin({
-        PAGE_TITLE: 'Polkadot/Substrate Portal',
+        PAGE_TITLE: 'GHOST Portal',
         minify: false,
         template: path.join(context, '../apps/public/index.html')
       })
diff --git a/packages/apps/public/favicon.ico b/packages/apps/public/favicon.ico
index ec3c167a5bf8b409f54ee4dfbce5dc84b70bcfc0..99ff8b860860f5076e2d94265840766c354a2e40 100644
GIT binary patch
literal 15406
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
CNr`*_

literal 38078
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
IUxdK_104DK%m4rY

diff --git a/packages/apps/public/index.html b/packages/apps/public/index.html
index eaf4fccead..5084efd74e 100644
--- a/packages/apps/public/index.html
+++ b/packages/apps/public/index.html
@@ -4,13 +4,13 @@
     <meta charset="utf-8">
     <meta name="theme-color" content="#000000">
     <link rel="manifest" href="manifest.json">
-    <link rel="shortcut icon" href="favicon.ico">
+    <link rel="shortcut icon" href="ghost-favicon.ico">
     <title><%= htmlWebpackPlugin.options.PAGE_TITLE %></title>
     <script type="text/javascript" src="env-config.js"></script>
     <style>
       :root {
-        --font-mono: 0.889em Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;
-        --font-sans: 1em "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+        --font-mono: 0.889em "Ubuntu Mono", Consolas, monaco, "Liberation Mono", "Courier New", Courier, monospace;
+        --font-sans: 1em Ubuntu, "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 
         /*
           From https://www.modularscale.com/?1&rem&1.125 and https://type-scale.com/ -
@@ -44,7 +44,7 @@
         --bg-menu-hover: rgba(255, 255, 255, 0.2);
       }
 
-      [data-theme="dark"] {
+      [data-theme="dark-original"] {
         --bg-identicon-circle: #282829;
         --bg-input: #38393f;
         --bg-input-error: #48393f;
@@ -72,7 +72,34 @@
         --opacity-gray: 0.1;
       }
 
-      [data-theme="light"] {
+[data-theme="dark"] {
+    --bg-identicon-circle: #345B87;
+    --bg-page: #1F4671;
+    --bg-menu: #1F4671;
+    --bg-page-gradient: linear-gradient(45deg, rgb(28, 54, 100), rgb(45, 87, 132)) rgb(31, 70, 113);
+    --bg-sidebar: #2a5185;
+    --bg-input: #345B87;
+    --bg-input-error: #5a2a30;
+    --bg-tabs: #1F4671;
+    --bg-tabs-border: #fff;
+    --bg-table: #3d6390;
+    --bg-toggle: #7A99BD;
+    --bg-inverse: rgba(31, 70, 113, 0.8);
+    --bg-static-extra: rgba(174, 196, 221, 0.15);
+    --border-identicon: transparent;
+    --border-input: #7A99BD;
+    --border-table: #fff;
+    --border-tabs: #ffffff30;
+    --color-bounty-info: #AEC4DD;
+    --color-checkbox: #AEC4DD;
+    --color-text: #ECF2FA;
+    --color-error: #F06F73;
+    --opacity-gray: 0.1;
+    --grey-anim-start: #AEC4DD;
+    --grey-anim-middle: #1F4671;
+}
+
+      [data-theme="light-original"] {
         --bg-identicon-circle: #eee;
         --bg-input: #ffffff;
         --bg-input-error: #fff6f6;
@@ -119,7 +146,7 @@
       }
 
       .--tmp {
-        background: grey;
+        background: #50759E;
         filter: blur(2px);
         opacity: 0.15;
       }
diff --git a/packages/apps/public/locales/en/apps-config.json b/packages/apps/public/locales/en/apps-config.json
index 6374393310..22f1602c60 100644
--- a/packages/apps/public/locales/en/apps-config.json
+++ b/packages/apps/public/locales/en/apps-config.json
@@ -5,8 +5,10 @@
   "rpc.dev.custom.entry": "Custom {{WS_URL}}",
   "rpc.dev.custom.own": "Custom",
   "rpc.dev.local": "Local Node",
+  "rpc.header.casper": "CASPER Testnet",
   "rpc.header.dev": "Development",
   "rpc.header.favorite": "Favorite chains",
+  "rpc.header.ghost": "GHOST Mainnet",
   "rpc.header.kusama.relay": "Kusama & parachains",
   "rpc.header.live": "Live networks",
   "rpc.header.paseo.relay": "Test Paseo & parachains",
diff --git a/packages/apps/public/locales/en/apps-routing.json b/packages/apps/public/locales/en/apps-routing.json
index 4d191bc658..018b030e61 100644
--- a/packages/apps/public/locales/en/apps-routing.json
+++ b/packages/apps/public/locales/en/apps-routing.json
@@ -16,6 +16,7 @@
   "nav.extrinsics": "Extrinsics",
   "nav.fellowship": "Fellowship",
   "nav.files": "Files (IPFS)",
+  "nav.forum": "Forum",
   "nav.gilt": "Gilt",
   "nav.github": "GitHub",
   "nav.js": "JavaScript",
diff --git a/packages/apps/public/locales/en/apps.json b/packages/apps/public/locales/en/apps.json
index fd72d6ed2a..38a14eb874 100644
--- a/packages/apps/public/locales/en/apps.json
+++ b/packages/apps/public/locales/en/apps.json
@@ -17,6 +17,7 @@
   "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.",
   "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.": "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.",
   "custom endpoint": "custom endpoint",
+  "nav.forum": "nav.forum",
   "nav.github": "nav.github",
   "nav.wiki": "nav.wiki",
   "transfer received": "transfer received",
diff --git a/packages/apps/src/Menu/index.tsx b/packages/apps/src/Menu/index.tsx
index fbcfa1e041..a3273b21ee 100644
--- a/packages/apps/src/Menu/index.tsx
+++ b/packages/apps/src/Menu/index.tsx
@@ -27,16 +27,22 @@ interface Props {
 function createExternals (t: (key: string, optionsOrText?: string | { replace: Record<string, unknown> }, options?: { ns: string }) => string): ItemRoute[] {
   return [
     {
-      href: 'https://github.com/polkadot-js/apps',
+      href: 'https://git.ghostchain.io/ghostchain',
       icon: 'code-branch',
       name: 'github',
-      text: t('nav.github', 'GitHub', { ns: 'apps-routing' })
+      text: t('nav.github', 'Git', { ns: 'apps-routing' })
     },
     {
-      href: 'https://wiki.polkadot.network',
+      href: 'https://docs.ghostchain.io',
       icon: 'book',
       name: 'wiki',
-      text: t('nav.wiki', 'Wiki', { ns: 'apps-routing' })
+      text: t('nav.wiki', 'Docs', { ns: 'apps-routing' })
+    },
+    {
+      href: 'https://ghostforum.org',
+      icon: 'message',
+      name: 'forum',
+      text: t('nav.forum', 'Forum', { ns: 'apps-routing' })
     }
   ];
 }
diff --git a/packages/apps/src/overlays/Base.tsx b/packages/apps/src/overlays/Base.tsx
index d210e07b8e..4ba3a99eb1 100644
--- a/packages/apps/src/overlays/Base.tsx
+++ b/packages/apps/src/overlays/Base.tsx
@@ -129,7 +129,7 @@ const StyledDiv = styled.div`
       background: rgba(255, 196, 12, 0.05);
     }
 
-    border-color: rgba(255, 196, 12, 1);
+    border-color: #ED6C02;
   }
 
   .content {
diff --git a/packages/apps/src/overlays/BeforeInit.tsx b/packages/apps/src/overlays/BeforeInit.tsx
index 13d486405c..95a7710aa6 100644
--- a/packages/apps/src/overlays/BeforeInit.tsx
+++ b/packages/apps/src/overlays/BeforeInit.tsx
@@ -54,9 +54,9 @@ const StyledDiv = styled.div`
     }
 
     @keyframes greyAnim${n} {
-      0% { background: #a6a6a6; }
-      50% { background: darkorange; }
-      100% { background: #a6a6a6; }
+      0% { background: var(--grey-anim-start); }
+      50% { background: var(--grey-anim-middle); }
+      100% { background: var(--grey-anim-start); }
     }
   `).join('')}
 `;
diff --git a/packages/apps/webpack.config.cjs b/packages/apps/webpack.config.cjs
index 5bc6343c75..7562948e46 100644
--- a/packages/apps/webpack.config.cjs
+++ b/packages/apps/webpack.config.cjs
@@ -22,7 +22,7 @@ module.exports = merge(
     plugins: [
       new SubresourceIntegrityPlugin(),
       new HtmlWebpackPlugin({
-        PAGE_TITLE: 'Polkadot/Substrate Portal',
+        PAGE_TITLE: 'GHOST Portal',
         minify: false,
         template: path.join(context, `${hasPublic ? 'public/' : ''}index.html`)
       })
diff --git a/packages/apps/webpack.serve.cjs b/packages/apps/webpack.serve.cjs
index be5012110d..2038d7c572 100644
--- a/packages/apps/webpack.serve.cjs
+++ b/packages/apps/webpack.serve.cjs
@@ -22,7 +22,7 @@ module.exports = merge(
     },
     plugins: [
       new HtmlWebpackPlugin({
-        PAGE_TITLE: 'Polkadot/Substrate Portal',
+        PAGE_TITLE: 'GHOST Portal',
         inject: true,
         template: path.join(__dirname, 'public/index.html')
       })
diff --git a/packages/page-staking-async/src/Actions/SessionKeyInfo.tsx b/packages/page-staking-async/src/Actions/SessionKeyInfo.tsx
index b77c774041..996f58b4d9 100644
--- a/packages/page-staking-async/src/Actions/SessionKeyInfo.tsx
+++ b/packages/page-staking-async/src/Actions/SessionKeyInfo.tsx
@@ -30,7 +30,7 @@ const StyledArticle = styled.article`
     margin-inline: auto !important;
 
     .ui--Icon {
-        color: rgba(255, 196, 12, 1);
+        color: #ED6C02;
         margin-right: 0.5rem;
     }
 `;
diff --git a/packages/page-staking-async/src/Validators/StakingAsyncOverview.tsx b/packages/page-staking-async/src/Validators/StakingAsyncOverview.tsx
index beb965d7fa..46a8cbb1ee 100644
--- a/packages/page-staking-async/src/Validators/StakingAsyncOverview.tsx
+++ b/packages/page-staking-async/src/Validators/StakingAsyncOverview.tsx
@@ -45,7 +45,7 @@ const StyledArticle = styled.article`
     margin-inline: auto !important;
 
     .ui--Icon {
-        color: rgba(255, 196, 12, 1);
+        color: #ED6C02;
         margin-right: 0.5rem;
     }
 `;
diff --git a/packages/react-components/src/MarkWarning.tsx b/packages/react-components/src/MarkWarning.tsx
index f9d1dc690d..eebe6ee688 100644
--- a/packages/react-components/src/MarkWarning.tsx
+++ b/packages/react-components/src/MarkWarning.tsx
@@ -23,7 +23,7 @@ function MarkWarning ({ children, className = '', content, withIcon = true }: Pr
 
 const StyledArticle = styled.article`
   .ui--Icon {
-    color: rgba(255, 196, 12, 1);
+    color: #ED6C02;
     margin-right: 0.5rem;
   }
 `;
diff --git a/packages/react-components/src/Tabs/Tab.tsx b/packages/react-components/src/Tabs/Tab.tsx
index 217516a165..74b42269cc 100644
--- a/packages/react-components/src/Tabs/Tab.tsx
+++ b/packages/react-components/src/Tabs/Tab.tsx
@@ -48,16 +48,16 @@ function Tab ({ basePath, className = '', count, hasParams, index, isExact, isRo
 const StyledNavLink = styled(NavLink)`
   align-items: center;
   display: flex;
-  color: #8B8B8B;
+  color: #fff;
   height: 100%;
   padding: 0 1.5rem;
   position: relative;
 
   &:hover {
-    color: #8B8B8B;
+    color: #fff;
 
     .tabLinkText::after {
-      background-color: #8B8B8B;
+      background-color: #fff;
     }
   }
 
@@ -70,6 +70,7 @@ const StyledNavLink = styled(NavLink)`
       bottom: -2px;
       left: 50%;
       transform: translateX(-50%);
+      background: var(--bg-tabs-border) !important;
     }
   }
 
diff --git a/packages/react-components/src/Tag.tsx b/packages/react-components/src/Tag.tsx
index 5db9745cb4..e41ffac9f4 100644
--- a/packages/react-components/src/Tag.tsx
+++ b/packages/react-components/src/Tag.tsx
@@ -77,7 +77,7 @@ const StyledDiv = styled.div`
   }
 
   &.lightgreyColor {
-    background: #b6b6b6;
+    background: var(--grey-anim-start);
     opacity: 0.7;
   }
 
diff --git a/packages/react-components/src/styles/index.ts b/packages/react-components/src/styles/index.ts
index 051b4e8240..f21872af10 100644
--- a/packages/react-components/src/styles/index.ts
+++ b/packages/react-components/src/styles/index.ts
@@ -356,7 +356,7 @@ export default createGlobalStyle<Props>(({ uiHighlight }: Props) => `
   }
 
   #root {
-    background: var(--bg-page);
+    background: var(--bg-page-gradient);
     color: var(--color-text);
     font: var(--font-sans);
     font-weight: var(--font-weight-normal);
@@ -447,7 +447,7 @@ export default createGlobalStyle<Props>(({ uiHighlight }: Props) => `
         background: rgba(255, 196, 12, 0.05);
       }
 
-      border-color: rgba(255, 196, 12, 1);
+      border-color: #ED6C02;
     }
   }