diff --git a/docs/tools/data-indexers.md b/docs/tools/data-indexers.md deleted file mode 100644 index 229b8957..00000000 --- a/docs/tools/data-indexers.md +++ /dev/null @@ -1 +0,0 @@ -# Data Indexers \ No newline at end of file diff --git a/docs/tools/general-tooling.md b/docs/tools/general-tooling.md deleted file mode 100644 index 9734bec5..00000000 --- a/docs/tools/general-tooling.md +++ /dev/null @@ -1 +0,0 @@ -# General Tooling \ No newline at end of file diff --git a/docs/tools/interoperability.md b/docs/tools/interoperability.md deleted file mode 100644 index d36e7a61..00000000 --- a/docs/tools/interoperability.md +++ /dev/null @@ -1 +0,0 @@ -# Interoperability \ No newline at end of file diff --git a/docs/tools/multisig-wallets.md b/docs/tools/multisig-wallets.md deleted file mode 100644 index 14d8b789..00000000 --- a/docs/tools/multisig-wallets.md +++ /dev/null @@ -1 +0,0 @@ -# Multisig Wallets \ No newline at end of file diff --git a/docs/tools/node-operators.md b/docs/tools/node-operators.md deleted file mode 100644 index fd5aff76..00000000 --- a/docs/tools/node-operators.md +++ /dev/null @@ -1 +0,0 @@ -# Node Operators \ No newline at end of file diff --git a/docs/tools/oracles.md b/docs/tools/oracles.md deleted file mode 100644 index c4b094ab..00000000 --- a/docs/tools/oracles.md +++ /dev/null @@ -1 +0,0 @@ -# Oracles \ No newline at end of file diff --git a/docs/tools/randomness.md b/docs/tools/randomness.md deleted file mode 100644 index 83f1176a..00000000 --- a/docs/tools/randomness.md +++ /dev/null @@ -1 +0,0 @@ -# Randomness \ No newline at end of file diff --git a/docs/tools/rpc.md b/docs/tools/rpc.md index 36d693aa..7de5b77d 100644 --- a/docs/tools/rpc.md +++ b/docs/tools/rpc.md @@ -1 +1 @@ -# RPCs \ No newline at end of file +# RPC \ No newline at end of file diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 63cfb038..6cb781d8 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -73,10 +73,6 @@ const config: Config = { label: '🔌 RPC', to: '/tools/rpc', }, - { - label: '👥 Multisig Wallets', - to: '/tools/multisig-wallets', - }, { label: '🌉 Bridge', to: '/tools/bridge', @@ -89,30 +85,6 @@ const config: Config = { label: '🔎 Block Explorers', to: '/tools/block-explorers', }, - { - label: '📊 Data Indexers', - to: '/tools/data-indexers', - }, - { - label: '🔮 Oracles', - to: '/tools/oracles', - }, - { - label: '🔗 Interoperability', - to: '/tools/interoperability', - }, - { - label: '🎲 Randomness', - to: '/tools/randomness', - }, - { - label: '🛠️ General Tooling', - to: '/tools/general-tooling', - }, - { - label: '🖥️ Node Operators', - to: '/tools/node-operators', - }, ], }, { diff --git a/sidebars.ts b/sidebars.ts index 82685943..0daf63cb 100644 --- a/sidebars.ts +++ b/sidebars.ts @@ -101,11 +101,6 @@ const sidebars: SidebarsConfig = { id: 'tools/rpc', label: '🔌 RPC', }, - { - type: 'doc', - id: 'tools/multisig-wallets', - label: '👥 Multisig Wallets', - }, { type: 'doc', id: 'tools/bridge', @@ -121,36 +116,6 @@ const sidebars: SidebarsConfig = { id: 'tools/block-explorers', label: '🔎 Block Explorers', }, - { - type: 'doc', - id: 'tools/data-indexers', - label: '📊 Data Indexers', - }, - { - type: 'doc', - id: 'tools/oracles', - label: '🔮 Oracles', - }, - { - type: 'doc', - id: 'tools/interoperability', - label: '🔗 Interoperability', - }, - { - type: 'doc', - id: 'tools/randomness', - label: '🎲 Randomness', - }, - { - type: 'doc', - id: 'tools/general-tooling', - label: '🛠️ General Tooling', - }, - { - type: 'doc', - id: 'tools/node-operators', - label: '🖥️ Node Operators', - }, ], }, { diff --git a/src/css/custom.css b/src/css/custom.css index 5bc1d7f6..edc6a9a3 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -3,19 +3,19 @@ /* Custom Properties */ :root { - /* Color Palette */ - --ifm-color-primary: #4360DF; - --ifm-color-primary-dark: #3D57CC; - --ifm-color-primary-darker: #3751BF; - --ifm-color-primary-darkest: #2F44A6; - --ifm-color-primary-light: #5B75E6; - --ifm-color-primary-lighter: #7288EC; - --ifm-color-primary-lightest: #8A9BF2; + /* Updated Color Palette to match status.network */ + --ifm-color-primary: #5EAEA4; + --ifm-color-primary-dark: #55A097; + --ifm-color-primary-darker: #4C928A; + --ifm-color-primary-darkest: #43847D; + --ifm-color-primary-light: #6FB9B0; + --ifm-color-primary-lighter: #80C4BC; + --ifm-color-primary-lightest: #91CFC8; /* Enhanced Secondary Colors */ - --status-purple: #887AF9; + --status-purple: #8247E5; --status-blue: #51D0F0; - --status-green: #51D0A7; + --status-green: #5EAEA4; --status-yellow: #FFD506; --status-orange: #FF8F6B; --status-pink: #FF6B8F; @@ -46,9 +46,9 @@ --content-padding: clamp(1rem, 5vw, 3rem); /* Effects */ - --shadow-sm: 0 2px 4px rgba(0,0,0,0.05); - --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06); - --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); + --shadow-sm: 0 2px 4px rgba(94, 174, 164, 0.05); + --shadow-md: 0 4px 6px -1px rgba(94, 174, 164, 0.1), 0 2px 4px -1px rgba(94, 174, 164, 0.06); + --shadow-lg: 0 10px 15px -3px rgba(94, 174, 164, 0.1), 0 4px 6px -2px rgba(94, 174, 164, 0.05); /* Animations */ --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1); @@ -58,18 +58,18 @@ /* Dark Mode Overrides */ [data-theme='dark'] { - --ifm-color-primary: #5B75E6; - --ifm-color-primary-dark: #4360DF; + --ifm-color-primary: #6FB9B0; + --ifm-color-primary-dark: #5EAEA4; --ifm-background-color: #0A0A0C; --ifm-background-surface-color: #151519; /* Dark mode specific shadows */ - --shadow-sm: 0 2px 4px rgba(0,0,0,0.2); - --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.3), 0 2px 4px -1px rgba(0,0,0,0.2); - --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.3), 0 4px 6px -2px rgba(0,0,0,0.2); + --shadow-sm: 0 2px 4px rgba(94, 174, 164, 0.2); + --shadow-md: 0 4px 6px -1px rgba(94, 174, 164, 0.3), 0 2px 4px -1px rgba(94, 174, 164, 0.2); + --shadow-lg: 0 10px 15px -3px rgba(94, 174, 164, 0.3), 0 4px 6px -2px rgba(94, 174, 164, 0.2); } -/* Base background colors */ +/* Base background colors - removing gradient */ html, html body { background: #ffffff !important; @@ -80,30 +80,14 @@ html[data-theme='dark'] body { background: #0A0A0C !important; } -/* Light mode gradient background */ +/* Remove gradient background */ html::before { - content: ''; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: - radial-gradient(circle at 0% 0%, rgba(67, 96, 223, 0.2) 0%, transparent 50%), - radial-gradient(circle at 100% 0%, rgba(136, 122, 249, 0.2) 0%, transparent 50%), - radial-gradient(circle at 100% 100%, rgba(81, 208, 240, 0.2) 0%, transparent 50%), - radial-gradient(circle at 0% 100%, rgba(81, 208, 167, 0.2) 0%, transparent 50%); - pointer-events: none; - z-index: 0; + display: none; } -/* Dark mode gradient background */ +/* Dark mode gradient background - remove */ html[data-theme='dark']::before { - background: - radial-gradient(circle at 0% 0%, rgba(67, 96, 223, 0.2) 0%, transparent 50%), - radial-gradient(circle at 100% 0%, rgba(136, 122, 249, 0.2) 0%, transparent 50%), - radial-gradient(circle at 100% 100%, rgba(81, 208, 240, 0.2) 0%, transparent 50%), - radial-gradient(circle at 0% 100%, rgba(81, 208, 167, 0.2) 0%, transparent 50%); + display: none; } /* Ensure content appears above the gradient */ @@ -167,27 +151,27 @@ h1, h2, h3, h4, h5, h6 { /* Enhanced Navbar */ .navbar { - background: rgba(255, 255, 255, 0.8); - border-bottom: 1px solid rgba(229, 231, 235, 0.5); + background: rgba(255, 255, 255, 0.95); + border-bottom: 1px solid rgba(229, 231, 235, 0.8); + backdrop-filter: blur(8px); animation: navbarFadeIn 0.5s ease-out; } [data-theme='dark'] .navbar { - background: rgba(10, 10, 12, 0.8); - border-bottom: 1px solid rgba(38, 38, 42, 0.5); + background: rgba(10, 10, 12, 0.95); + border-bottom: 1px solid rgba(38, 38, 42, 0.8); } /* Enhanced Card Styling */ .card { border: 1px solid var(--status-gray-200); border-radius: 16px; - background: rgba(255, 255, 255, 0.6); - backdrop-filter: blur(8px); + background: white; transition: var(--transition-normal); } [data-theme='dark'] .card { - background: rgba(21, 21, 25, 0.6); + background: var(--ifm-background-surface-color); border-color: var(--status-gray-700); } @@ -224,14 +208,14 @@ h1, h2, h3, h4, h5, h6 { /* Hub Button Styling */ .hub-button { - background: linear-gradient(135deg, var(--ifm-color-primary) 0%, var(--status-purple) 100%) !important; + background: #7140FD !important; color: white !important; padding: 0.4rem 1.2rem !important; border-radius: 12px !important; font-weight: 500 !important; font-size: 0.9rem !important; transition: var(--transition-normal) !important; - box-shadow: 0 4px 12px rgba(67, 96, 223, 0.2); + box-shadow: 0 4px 12px rgba(113, 64, 253, 0.2); position: relative; overflow: hidden; margin-right: 16px; @@ -243,14 +227,14 @@ h1, h2, h3, h4, h5, h6 { position: absolute; width: 100%; height: 100%; - background: linear-gradient(135deg, transparent 0%, rgba(255,255,255,0.1) 100%); + background: rgba(255, 255, 255, 0.1); transition: var(--transition-normal); opacity: 0; } .hub-button:hover { transform: translateY(-2px); - box-shadow: 0 8px 16px rgba(67, 96, 223, 0.3); + box-shadow: 0 8px 16px rgba(113, 64, 253, 0.3); } .hub-button:hover::before { @@ -321,21 +305,21 @@ main { } .menu__link:hover { - background: rgba(67, 96, 223, 0.08); + background: rgba(94, 174, 164, 0.08); transform: translateX(4px); } [data-theme='dark'] .menu__link:hover { - background: rgba(67, 96, 223, 0.15); + background: rgba(94, 174, 164, 0.15); } .menu__link--active { - background: rgba(67, 96, 223, 0.1) !important; + background: rgba(94, 174, 164, 0.1) !important; font-weight: 500; } [data-theme='dark'] .menu__link--active { - background: rgba(67, 96, 223, 0.2) !important; + background: rgba(94, 174, 164, 0.2) !important; } /* Remove all sidebar borders */ @@ -355,7 +339,7 @@ div[class*='sidebarViewport'] { } .table-of-contents__link:hover { - background: rgba(67, 96, 223, 0.1); + background: rgba(94, 174, 164, 0.1); border-radius: 4px; } @@ -371,7 +355,7 @@ div[class*='sidebarViewport'] { left: 0; width: 100%; height: 2px; - background: linear-gradient(90deg, var(--ifm-color-primary), var(--status-purple)); + background: linear-gradient(90deg, var(--status-green), var(--status-purple)); animation: loadingProgress 1s infinite; } diff --git a/static/img/favicon.ico b/static/img/favicon.ico index 105b01ac..70dc9b00 100644 Binary files a/static/img/favicon.ico and b/static/img/favicon.ico differ diff --git a/static/img/sn_logo.png b/static/img/sn_logo.png deleted file mode 100644 index c3cfb9d6..00000000 Binary files a/static/img/sn_logo.png and /dev/null differ diff --git a/static/img/sn_logo.svg b/static/img/sn_logo.svg index 55455eec..642fc020 100644 --- a/static/img/sn_logo.svg +++ b/static/img/sn_logo.svg @@ -1,7 +1,16 @@ - - - - - - + + + + + + + + + + + + + + +