Skip to content

Commit 2bc8174

Browse files
alexander-seialexander-sei
authored
Redesign (#481)
* Redesign * Improve styling * unify colors * adjust footer * Improve styles * improve landing pages
1 parent 122b245 commit 2bc8174

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

62 files changed

+2110
-1677
lines changed

‎app/globals.css‎

Lines changed: 654 additions & 159 deletions
Large diffs are not rendered by default.

‎app/layout.tsx‎

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,6 @@ export const metadata: Metadata = {
2424
'Documentation for Sei. Providing comprehensive guides, tutorials, and resources for developers building on Sei. Learn about the EVM, smart contracts, tokenization standards (ERC20, ERC721, ERC1155), and advanced features of the Sei ecosystem to accelerate your blockchain development journey.',
2525
category: 'technology',
2626
openGraph: {
27-
// Make sure not to specify `title` or description` as they are automatically generated from the main description and title template
2827
url: 'https://docs.sei.io',
2928
siteName: 'Sei Docs',
3029
locale: 'en_US',
@@ -37,7 +36,6 @@ export const metadata: Metadata = {
3736
type: 'article'
3837
},
3938
twitter: {
40-
// Make sure not to specify `title` or description` as they are automatically generated from the main description and title template
4139
card: 'summary_large_image',
4240
creator: '@SeiNetwork',
4341
images: ['https://docs.sei.io/assets/docs-banner.png']
@@ -72,10 +70,16 @@ export const metadata: Metadata = {
7270

7371
export default async function RootLayout({ children }) {
7472
return (
75-
<html lang='en' dir='ltr' suppressHydrationWarning style={{ width: '100%', height: '100%' }}>
73+
<html lang='en' dir='ltr' suppressHydrationWarning className='dark' style={{ width: '100%', height: '100%' }}>
7674
<head>
7775
<meta name='color-scheme' content='dark light' />
78-
{/* Performance: avoid early preconnects to heavy third-parties */}
76+
{/* Google Fonts: Inter + JetBrains Mono to match Sei design system */}
77+
<link rel='preconnect' href='https://fonts.googleapis.com' />
78+
<link rel='preconnect' href='https://fonts.gstatic.com' crossOrigin='anonymous' />
79+
<link
80+
href='https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap'
81+
rel='stylesheet'
82+
/>
7983
<script
8084
type='application/ld+json'
8185
dangerouslySetInnerHTML={{
@@ -106,7 +110,7 @@ export default async function RootLayout({ children }) {
106110
}}
107111
/>
108112
</head>
109-
<body style={{ width: '100%', height: '100%' }}>
113+
<body style={{ width: '100%', height: '100%', fontFamily: "'Inter', system-ui, -apple-system, sans-serif" }}>
110114
{/* Google Tag Manager (noscript) fallback */}
111115
<noscript>
112116
<iframe

‎app/not-found.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ export default function Custom404() {
1717

1818
<Link
1919
href='/'
20-
className='px-6 py-3 mt-6 rounded-md font-medium transition-colors bg-black text-white hover:bg-gray-800 dark:bg-white dark:text-black dark:hover:bg-gray-200'>
20+
className='px-6 py-3 mt-6 rounded-sm font-medium transition-colors bg-black text-white hover:bg-gray-800 dark:bg-white dark:text-black dark:hover:bg-gray-200'>
2121
Go to Home
2222
</Link>
2323
</div>

‎content/evm/ai-tooling/cambrian-agent-kit.mdx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -468,27 +468,27 @@ async function monitorTransaction(txHash: string) {
468468
</thead>
469469
<tbody className="divide-y divide-neutral-200 dark:divide-neutral-800">
470470
<tr>
471-
<td className="px-4 py-3 text-sm text-red-600 dark:text-red-400 whitespace-nowrap font-medium">"Insufficient funds"</td>
471+
<td className="px-4 py-3 text-sm text-neutral-800 dark:text-neutral-200 whitespace-nowrap font-medium">"Insufficient funds"</td>
472472
<td className="px-4 py-3 text-sm text-neutral-600 dark:text-neutral-400 whitespace-nowrap">Low SEI balance</td>
473473
<td className="px-4 py-3 text-sm text-green-600 dark:text-green-400 whitespace-nowrap">Add more SEI to your wallet</td>
474474
</tr>
475475
<tr>
476-
<td className="px-4 py-3 text-sm text-red-600 dark:text-red-400 whitespace-nowrap font-medium">"Transaction failed"</td>
476+
<td className="px-4 py-3 text-sm text-neutral-800 dark:text-neutral-200 whitespace-nowrap font-medium">"Transaction failed"</td>
477477
<td className="px-4 py-3 text-sm text-neutral-600 dark:text-neutral-400 whitespace-nowrap">Gas estimation error</td>
478478
<td className="px-4 py-3 text-sm text-green-600 dark:text-green-400 whitespace-nowrap">Reduce transaction amount</td>
479479
</tr>
480480
<tr>
481-
<td className="px-4 py-3 text-sm text-red-600 dark:text-red-400 whitespace-nowrap font-medium">"Network error"</td>
481+
<td className="px-4 py-3 text-sm text-neutral-800 dark:text-neutral-200 whitespace-nowrap font-medium">"Network error"</td>
482482
<td className="px-4 py-3 text-sm text-neutral-600 dark:text-neutral-400 whitespace-nowrap">RPC connection issue</td>
483483
<td className="px-4 py-3 text-sm text-green-600 dark:text-green-400 whitespace-nowrap">Check RPC URL in .env</td>
484484
</tr>
485485
<tr>
486-
<td className="px-4 py-3 text-sm text-red-600 dark:text-red-400 whitespace-nowrap font-medium">"Slippage too high"</td>
486+
<td className="px-4 py-3 text-sm text-neutral-800 dark:text-neutral-200 whitespace-nowrap font-medium">"Slippage too high"</td>
487487
<td className="px-4 py-3 text-sm text-neutral-600 dark:text-neutral-400 whitespace-nowrap">Price moved during swap</td>
488488
<td className="px-4 py-3 text-sm text-green-600 dark:text-green-400 whitespace-nowrap">Increase slippage tolerance</td>
489489
</tr>
490490
<tr>
491-
<td className="px-4 py-3 text-sm text-red-600 dark:text-red-400 whitespace-nowrap font-medium">"Invalid private key"</td>
491+
<td className="px-4 py-3 text-sm text-neutral-800 dark:text-neutral-200 whitespace-nowrap font-medium">"Invalid private key"</td>
492492
<td className="px-4 py-3 text-sm text-neutral-600 dark:text-neutral-400 whitespace-nowrap">Incorrect key format</td>
493493
<td className="px-4 py-3 text-sm text-green-600 dark:text-green-400 whitespace-nowrap">Verify private key format</td>
494494
</tr>

‎content/evm/ai-tooling/mcp-server.mdx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -380,19 +380,19 @@ The Sei MCP Server enables your AI assistant to:
380380
Pre-configured prompts for common tasks:
381381

382382
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 my-6">
383-
<div className="bg-white dark:bg-neutral-800/50 rounded-lg p-4 border border-neutral-200 dark:border-neutral-700">
383+
<div className="bg-white dark:bg-neutral-800/50 rounded-sm p-4 border border-neutral-200 dark:border-neutral-700">
384384
<h4 className="font-medium text-purple-600 dark:text-purple-400 mb-1">my_wallet_address</h4>
385385
<p className="text-sm text-neutral-600 dark:text-neutral-400">Get your wallet address</p>
386386
</div>
387-
<div className="bg-white dark:bg-neutral-800/50 rounded-lg p-4 border border-neutral-200 dark:border-neutral-700">
387+
<div className="bg-white dark:bg-neutral-800/50 rounded-sm p-4 border border-neutral-200 dark:border-neutral-700">
388388
<h4 className="font-medium text-purple-600 dark:text-purple-400 mb-1">explore_block</h4>
389389
<p className="text-sm text-neutral-600 dark:text-neutral-400">Analyze block data</p>
390390
</div>
391-
<div className="bg-white dark:bg-neutral-800/50 rounded-lg p-4 border border-neutral-200 dark:border-neutral-700">
391+
<div className="bg-white dark:bg-neutral-800/50 rounded-sm p-4 border border-neutral-200 dark:border-neutral-700">
392392
<h4 className="font-medium text-purple-600 dark:text-purple-400 mb-1">analyze_transaction</h4>
393393
<p className="text-sm text-neutral-600 dark:text-neutral-400">Transaction details</p>
394394
</div>
395-
<div className="bg-white dark:bg-neutral-800/50 rounded-lg p-4 border border-neutral-200 dark:border-neutral-700">
395+
<div className="bg-white dark:bg-neutral-800/50 rounded-sm p-4 border border-neutral-200 dark:border-neutral-700">
396396
<h4 className="font-medium text-purple-600 dark:text-purple-400 mb-1">analyze_address</h4>
397397
<p className="text-sm text-neutral-600 dark:text-neutral-400">Address analysis</p>
398398
</div>
@@ -401,19 +401,19 @@ Pre-configured prompts for common tasks:
401401
## Usage Examples
402402

403403
<div className="space-y-4 my-6">
404-
<div className="bg-white dark:bg-neutral-800/50 rounded-lg p-4 border-l-4 border-purple-500">
404+
<div className="bg-white dark:bg-neutral-800/50 rounded-sm p-4 border-l-4 border-purple-500">
405405
<p className="text-sm font-medium text-purple-600 dark:text-purple-400 mb-1">Query Balance</p>
406406
<p className="text-neutral-700 dark:text-neutral-300">"What's my SEI balance?"</p>
407407
<p className="text-sm text-neutral-600 dark:text-neutral-400 mt-2">→ Returns wallet balance and address</p>
408408
</div>
409409

410-
<div className="bg-white dark:bg-neutral-800/50 rounded-lg p-4 border-l-4 border-purple-500">
410+
<div className="bg-white dark:bg-neutral-800/50 rounded-sm p-4 border-l-4 border-purple-500">
411411
<p className="text-sm font-medium text-purple-600 dark:text-purple-400 mb-1">Send Transaction</p>
412412
<p className="text-neutral-700 dark:text-neutral-300">"Send 1 SEI to 0x742d35Cc6634C0532925a3b8D4C1C4e3153DC"</p>
413413
<p className="text-sm text-neutral-600 dark:text-neutral-400 mt-2">→ Executes transfer and returns transaction hash</p>
414414
</div>
415415

416-
<div className="bg-white dark:bg-neutral-800/50 rounded-lg p-4 border-l-4 border-purple-500">
416+
<div className="bg-white dark:bg-neutral-800/50 rounded-sm p-4 border-l-4 border-purple-500">
417417
<p className="text-sm font-medium text-purple-600 dark:text-purple-400 mb-1">Contract Analysis</p>
418418
<p className="text-neutral-700 dark:text-neutral-300">"Is 0x3894085ef7ff0f0aedf52e2a2704928d1ec074f1 a contract?"</p>
419419
<p className="text-sm text-neutral-600 dark:text-neutral-400 mt-2">→ Identifies contract type and metadata</p>

‎content/evm/in-app-swaps.mdx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -117,7 +117,7 @@ export default function SwapPage() {
117117
return (
118118

119119
<div className="max-w-md mx-auto">
120-
<iframe src={`https://symph.ag/embed?${params.toString()}`} className="w-full min-h-[650px] border-0 rounded-xl" title="Symphony Swap" />
120+
<iframe src={`https://symph.ag/embed?${params.toString()}`} className="w-full min-h-[650px] border-0 rounded-sm" title="Symphony Swap" />
121121
</div>
122122
); }
123123

@@ -153,7 +153,7 @@ return (
153153
import dynamic from 'next/dynamic';
154154
155155
const SwapWidget = dynamic(() => import('./SwapWidget'), {
156-
loading: () => <div className="animate-pulse h-[650px] bg-gray-800 rounded-xl" />,
156+
loading: () => <div className="animate-pulse h-[650px] bg-gray-800 rounded-sm" />,
157157
ssr: false
158158
});
159159
````
@@ -193,7 +193,7 @@ function SwapWidgetWithFallback() {
193193

194194
if (error) {
195195
return (
196-
<div className="p-6 bg-red-900/20 rounded-xl text-center">
196+
<div className="p-6 bg-sei-maroon-200/20 rounded-sm text-center">
197197
<p>Swap widget failed to load.</p>
198198
<a href="https://symph.ag" target="_blank" rel="noopener noreferrer" className="text-blue-400 underline">
199199
Open Symphony directly →

0 commit comments

Comments
 (0)