Skip to content

Commit 116748f

Browse files
BitWise-0xBitWise-0x
committed
deploy: retheme site to ocean-blue palette and IBM Plex Mono wordmark
Shift primary ramp from purple to an ocean-blue oklch ramp (hue 210-228, primary-500 ~#1c9ad6) so the accent reads cool and technical without tipping into cyan. Propagate the new hex values through every asset that can't read the CSS var: the logo, favicon, social banner, five project card SVGs, the Mermaid theme, and one inline mermaid diagram in a post. Switch the BitWise wordmark in the logo and social banner to IBM Plex Mono (loaded via next/font alongside Space Grotesk) so the header wordmark reads as code/systems rather than generic tech sans. Regenerate social-banner.png from the updated SVG via headless Chrome, full-bleed background so link previews have no white border. Also: swap the 404 page CTA from bg-blue-600 to primary-600, pin Giscus to dark so it matches the forced-dark site, and retire the indigo override on inline prose <code>.
1 parent a353a19 commit 116748f

15 files changed

Lines changed: 305 additions & 297 deletions

‎app/layout.tsx‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import 'css/tailwind.css'
22
import 'pliny/search/algolia.css'
33
import 'remark-github-blockquote-alert/alert.css'
44

5-
import { Space_Grotesk } from 'next/font/google'
5+
import { Space_Grotesk, IBM_Plex_Mono } from 'next/font/google'
66
import { Analytics, AnalyticsConfig } from 'pliny/analytics'
77
import { SearchProvider, SearchConfig } from 'pliny/search'
88
import Header from '@/components/Header'
@@ -18,6 +18,13 @@ const space_grotesk = Space_Grotesk({
1818
variable: '--font-space-grotesk',
1919
})
2020

21+
const ibm_plex_mono = IBM_Plex_Mono({
22+
subsets: ['latin'],
23+
weight: ['400', '500', '600', '700'],
24+
display: 'swap',
25+
variable: '--font-plex-mono',
26+
})
27+
2128
export const metadata: Metadata = {
2229
metadataBase: new URL(siteMetadata.siteUrl),
2330
title: {
@@ -72,7 +79,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
7279
return (
7380
<html
7481
lang={siteMetadata.language}
75-
className={`${space_grotesk.variable} scroll-smooth`}
82+
className={`${space_grotesk.variable} ${ibm_plex_mono.variable} scroll-smooth`}
7683
suppressHydrationWarning
7784
>
7885
<link

‎app/not-found.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ export default function NotFound() {
2121
<p className="mb-8">But dont worry, you can find plenty of other things on our homepage.</p>
2222
<Link
2323
href="/"
24-
className="focus:shadow-outline-blue inline rounded-lg border border-transparent bg-blue-600 px-4 py-2 text-sm leading-5 font-medium text-white shadow-xs transition-colors duration-150 hover:bg-blue-700 focus:outline-hidden dark:hover:bg-blue-500"
24+
className="bg-primary-600 hover:bg-primary-700 dark:hover:bg-primary-500 inline rounded-lg border border-transparent px-4 py-2 text-sm leading-5 font-medium text-white shadow-xs transition-colors duration-150 focus:outline-hidden"
2525
>
2626
Back to homepage
2727
</Link>

‎components/Mermaid.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,11 @@ mermaid.initialize({
77
startOnLoad: false,
88
theme: 'dark',
99
themeVariables: {
10-
primaryColor: '#7aa2f7',
10+
primaryColor: '#4ab3e8',
1111
primaryTextColor: '#c0caf5',
1212
primaryBorderColor: '#565f89',
1313
lineColor: '#565f89',
14-
secondaryColor: '#bb9af7',
14+
secondaryColor: '#1c9ad6',
1515
tertiaryColor: '#1a1b26',
1616
background: '#1a1b26',
1717
mainBkg: '#1a1b26',

‎css/tailwind.css‎

Lines changed: 14 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -10,20 +10,21 @@
1010
--font-sans:
1111
var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
1212
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
13+
--font-mono: var(--font-plex-mono), 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
1314

1415
/* Colors */
15-
/* PRIMARY COLORS - BitWise Brand (Cyan → Teal, balanced) */
16-
--color-primary-50: oklch(0.96 0.025 200);
17-
--color-primary-100: oklch(0.92 0.05 200);
18-
--color-primary-200: oklch(0.86 0.08 198);
19-
--color-primary-300: oklch(0.79 0.1 196);
20-
--color-primary-400: oklch(0.74 0.11 194);
21-
--color-primary-500: oklch(0.7 0.12 192);
22-
--color-primary-600: oklch(0.6 0.1 190);
23-
--color-primary-700: oklch(0.5 0.085 188);
24-
--color-primary-800: oklch(0.4 0.07 186);
25-
--color-primary-900: oklch(0.32 0.055 184);
26-
--color-primary-950: oklch(0.22 0.04 182);
16+
/* PRIMARY COLORS - BitWise Brand (Ocean blue — cool, blue-leaning) */
17+
--color-primary-50: oklch(0.96 0.025 228);
18+
--color-primary-100: oklch(0.92 0.05 228);
19+
--color-primary-200: oklch(0.86 0.09 226);
20+
--color-primary-300: oklch(0.79 0.12 224);
21+
--color-primary-400: oklch(0.72 0.14 222); /* ~#4ab3e8 - Brand light (ocean blue) */
22+
--color-primary-500: oklch(0.66 0.15 220); /* ~#1c9ad6 - Brand accent (ocean blue) */
23+
--color-primary-600: oklch(0.56 0.13 218);
24+
--color-primary-700: oklch(0.46 0.11 216);
25+
--color-primary-800: oklch(0.38 0.09 214);
26+
--color-primary-900: oklch(0.3 0.07 212);
27+
--color-primary-950: oklch(0.2 0.05 210);
2728

2829
--color-gray-50: oklch(0.985 0.002 247.839);
2930
--color-gray-100: oklch(0.967 0.003 264.542);
@@ -101,7 +102,7 @@
101102
font-weight: 600;
102103
}
103104
& :where(code):not(pre code) {
104-
color: var(--color-indigo-500);
105+
color: var(--color-primary-500);
105106
}
106107
}
107108

‎data/blog/generating-structured-output-from-llms.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -145,7 +145,7 @@ graph LR
145145
146146
style problem fill:#0d1b2a,stroke:#3a86ff,color:#fff
147147
style approaches fill:#14213d,stroke:#565f89,color:#fff
148-
style tools fill:#1a1b26,stroke:#7aa2f7,color:#fff
148+
style tools fill:#1a1b26,stroke:#4ab3e8,color:#fff
149149
style A fill:#2d6a4f,stroke:#40916c,color:#fff
150150
style B fill:#7b2cbf,stroke:#9d4edd,color:#fff
151151
style C fill:#b5651d,stroke:#d4a574,color:#fff

‎data/logo.svg‎

Lines changed: 3 additions & 3 deletions
Loading

‎data/siteMetadata.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,8 +55,8 @@ const siteMetadata = {
5555
mapping: 'pathname', // supported options: pathname, url, title
5656
reactions: '1', // Emoji reactions: 1 = enable / 0 = disable
5757
metadata: '0',
58-
theme: 'preferred_color_scheme',
59-
darkTheme: 'preferred_color_scheme',
58+
theme: 'dark',
59+
darkTheme: 'dark',
6060
themeURL: '',
6161
lang: 'en',
6262
},

‎public/static/favicons/favicon.svg‎

Lines changed: 2 additions & 2 deletions
Loading

‎public/static/images/projects/homebridge-blink.svg‎

Lines changed: 3 additions & 3 deletions
Loading

‎public/static/images/projects/homebridge-smartrent.svg‎

Lines changed: 3 additions & 3 deletions
Loading

0 commit comments

Comments
 (0)