Skip to content

Commit 07ab5a5

Browse files
theJawnnybottheJawnnybot
committed
Rename brand color to brand.accent and update usages
1 parent fe53b1b commit 07ab5a5

File tree

6 files changed

+136
-136
lines changed

6 files changed

+136
-136
lines changed

‎404.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
theme: {
1616
extend: {
1717
colors: {
18-
brand: { teal: '#d65a31', red: '#e74c3c' },
18+
brand: { accent: '#d65a31' },
1919
dark: { 950: '#030712', 900: '#111827', 800: '#1f2937', 700: '#374151' }
2020
},
2121
fontFamily: {
@@ -29,10 +29,10 @@
2929
</head>
3030
<body class="bg-dark-950 text-gray-100 font-sans antialiased min-h-screen flex flex-col items-center justify-center px-6">
3131
<div class="text-center">
32-
<p class="font-fira text-8xl font-bold text-brand-teal">404</p>
32+
<p class="font-fira text-8xl font-bold text-brand-accent">404</p>
3333
<h1 class="mt-4 text-2xl font-bold text-white">Page not found</h1>
3434
<p class="mt-3 text-gray-400">The page you're looking for doesn't exist or has been moved.</p>
35-
<a href="/" class="mt-8 inline-flex items-center gap-2 rounded-lg border border-dark-700 px-6 py-3 text-sm font-medium text-gray-300 hover:border-brand-teal hover:text-brand-teal transition-all">
35+
<a href="/" class="mt-8 inline-flex items-center gap-2 rounded-lg border border-dark-700 px-6 py-3 text-sm font-medium text-gray-300 hover:border-brand-accent hover:text-brand-accent transition-all">
3636
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
3737
Back to Home
3838
</a>

‎account-deletion/index.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
theme: {
1616
extend: {
1717
colors: {
18-
brand: { teal: '#d65a31', red: '#e74c3c' },
18+
brand: { accent: '#d65a31' },
1919
dark: { 950: '#030712', 900: '#111827', 800: '#1f2937', 700: '#374151' }
2020
}
2121
}
@@ -25,14 +25,14 @@
2525
</head>
2626
<body class="bg-dark-950 text-gray-100 antialiased">
2727
<main class="mx-auto max-w-3xl px-6 py-16 sm:py-24">
28-
<a href="/" class="text-sm text-brand-teal hover:underline">← Back to home</a>
28+
<a href="/" class="text-sm text-brand-accent hover:underline">← Back to home</a>
2929
<h1 class="mt-6 text-4xl font-bold tracking-tight text-white">Account Deletion</h1>
3030
<p class="mt-3 text-sm text-gray-400">Last updated: March 11, 2026</p>
3131

3232
<div class="mt-10 space-y-8 text-gray-300 leading-relaxed">
3333
<section>
3434
<h2 class="text-xl font-semibold text-white">How to Request Deletion</h2>
35-
<p class="mt-3">To request deletion of your account and associated personal data, email us at <a class="text-brand-teal hover:underline" href="mailto:support@commit451.com">support@commit451.com</a>.</p>
35+
<p class="mt-3">To request deletion of your account and associated personal data, email us at <a class="text-brand-accent hover:underline" href="mailto:support@commit451.com">support@commit451.com</a>.</p>
3636
</section>
3737

3838
<section>
@@ -60,7 +60,7 @@ <h2 class="text-xl font-semibold text-white">Processing Timeline</h2>
6060

6161
<section>
6262
<h2 class="text-xl font-semibold text-white">Need Help?</h2>
63-
<p class="mt-3">If you have questions about deletion or data handling, contact us at <a class="text-brand-teal hover:underline" href="mailto:support@commit451.com">support@commit451.com</a>.</p>
63+
<p class="mt-3">If you have questions about deletion or data handling, contact us at <a class="text-brand-accent hover:underline" href="mailto:support@commit451.com">support@commit451.com</a>.</p>
6464
</section>
6565
</div>
6666
</main>

‎blog/index.html‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
theme: {
3737
extend: {
3838
colors: {
39-
brand: { teal: '#d65a31', red: '#e74c3c' },
39+
brand: { accent: '#d65a31' },
4040
dark: { 950: '#030712', 900: '#111827', 800: '#1f2937', 700: '#374151' }
4141
},
4242
fontFamily: {
@@ -63,14 +63,14 @@
6363
<nav class="fixed top-0 left-0 right-0 z-50 border-b border-dark-700/50 bg-dark-950/80 backdrop-blur-md">
6464
<div class="mx-auto max-w-6xl px-6 py-4 flex items-center justify-between">
6565
<a href="/" class="flex items-center gap-3 group">
66-
<img src="/images/avatar.png" alt="Commit 451 logo" width="36" height="36" class="rounded-full border border-dark-700 group-hover:border-brand-teal transition-colors">
67-
<span class="font-fira font-bold text-lg text-white group-hover:text-brand-teal transition-colors">Commit 451</span>
66+
<img src="/images/avatar.png" alt="Commit 451 logo" width="36" height="36" class="rounded-full border border-dark-700 group-hover:border-brand-accent transition-colors">
67+
<span class="font-fira font-bold text-lg text-white group-hover:text-brand-accent transition-colors">Commit 451</span>
6868
</a>
6969
<div class="hidden sm:flex items-center gap-8 text-sm font-medium">
70-
<a href="/#work" class="text-gray-400 hover:text-brand-teal transition-colors">Work</a>
71-
<a href="/#about" class="text-gray-400 hover:text-brand-teal transition-colors">About</a>
72-
<a href="/blog/" class="text-brand-teal transition-colors">Blog</a>
73-
<a href="/#contact" class="rounded-lg border border-brand-teal/60 px-4 py-2 text-brand-teal hover:bg-brand-teal/10 transition-all">Contact</a>
70+
<a href="/#work" class="text-gray-400 hover:text-brand-accent transition-colors">Work</a>
71+
<a href="/#about" class="text-gray-400 hover:text-brand-accent transition-colors">About</a>
72+
<a href="/blog/" class="text-brand-accent transition-colors">Blog</a>
73+
<a href="/#contact" class="rounded-lg border border-brand-accent/60 px-4 py-2 text-brand-accent hover:bg-brand-accent/10 transition-all">Contact</a>
7474
</div>
7575
</div>
7676
</nav>
@@ -79,7 +79,7 @@
7979
<div class="mx-auto max-w-4xl">
8080

8181
<header class="text-center mb-16">
82-
<p class="text-sm font-fira font-bold text-brand-teal uppercase tracking-widest">Blog</p>
82+
<p class="text-sm font-fira font-bold text-brand-accent uppercase tracking-widest">Blog</p>
8383
<h1 class="mt-4 text-3xl sm:text-4xl font-bold tracking-tight text-white">Insights & Engineering Notes</h1>
8484
<p class="mt-4 text-lg text-gray-400 max-w-2xl mx-auto">
8585
Practical takes on mobile development, AI integration, vibe coding, and shipping software that actually works.
@@ -90,13 +90,13 @@ <h1 class="mt-4 text-3xl sm:text-4xl font-bold tracking-tight text-white">Insigh
9090
<div class="space-y-8">
9191

9292
<!-- Post 2 -->
93-
<a href="/blog/app-store-rejections-vibecoded/" class="block group rounded-2xl border border-dark-700/60 bg-dark-900/70 backdrop-blur-sm p-8 hover:border-brand-teal/40 transition-all duration-300">
93+
<a href="/blog/app-store-rejections-vibecoded/" class="block group rounded-2xl border border-dark-700/60 bg-dark-900/70 backdrop-blur-sm p-8 hover:border-brand-accent/40 transition-all duration-300">
9494
<div class="flex flex-wrap gap-2 mb-3">
95-
<span class="text-xs px-2.5 py-1 rounded-full bg-brand-teal/10 text-brand-teal border border-brand-teal/20">App Store</span>
96-
<span class="text-xs px-2.5 py-1 rounded-full bg-brand-teal/10 text-brand-teal border border-brand-teal/20">Vibe Coding</span>
97-
<span class="text-xs px-2.5 py-1 rounded-full bg-brand-teal/10 text-brand-teal border border-brand-teal/20">iOS</span>
95+
<span class="text-xs px-2.5 py-1 rounded-full bg-brand-accent/10 text-brand-accent border border-brand-accent/20">App Store</span>
96+
<span class="text-xs px-2.5 py-1 rounded-full bg-brand-accent/10 text-brand-accent border border-brand-accent/20">Vibe Coding</span>
97+
<span class="text-xs px-2.5 py-1 rounded-full bg-brand-accent/10 text-brand-accent border border-brand-accent/20">iOS</span>
9898
</div>
99-
<h2 class="font-fira text-xl sm:text-2xl font-bold text-white group-hover:text-brand-teal transition-colors">
99+
<h2 class="font-fira text-xl sm:text-2xl font-bold text-white group-hover:text-brand-accent transition-colors">
100100
We Got Rejected by Apple 9 Times — Here's What Every Vibecoder Needs to Know
101101
</h2>
102102
<p class="mt-3 text-gray-400 leading-relaxed">
@@ -110,12 +110,12 @@ <h2 class="font-fira text-xl sm:text-2xl font-bold text-white group-hover:text-b
110110
</a>
111111

112112
<!-- Post 1 -->
113-
<a href="/blog/vibecoded-app-production-ready/" class="block group rounded-2xl border border-dark-700/60 bg-dark-900/70 backdrop-blur-sm p-8 hover:border-brand-teal/40 transition-all duration-300">
113+
<a href="/blog/vibecoded-app-production-ready/" class="block group rounded-2xl border border-dark-700/60 bg-dark-900/70 backdrop-blur-sm p-8 hover:border-brand-accent/40 transition-all duration-300">
114114
<div class="flex flex-wrap gap-2 mb-3">
115-
<span class="text-xs px-2.5 py-1 rounded-full bg-brand-teal/10 text-brand-teal border border-brand-teal/20">Vibe Coding</span>
116-
<span class="text-xs px-2.5 py-1 rounded-full bg-brand-teal/10 text-brand-teal border border-brand-teal/20">Production Readiness</span>
115+
<span class="text-xs px-2.5 py-1 rounded-full bg-brand-accent/10 text-brand-accent border border-brand-accent/20">Vibe Coding</span>
116+
<span class="text-xs px-2.5 py-1 rounded-full bg-brand-accent/10 text-brand-accent border border-brand-accent/20">Production Readiness</span>
117117
</div>
118-
<h2 class="font-fira text-xl sm:text-2xl font-bold text-white group-hover:text-brand-teal transition-colors">
118+
<h2 class="font-fira text-xl sm:text-2xl font-bold text-white group-hover:text-brand-accent transition-colors">
119119
5 Things That Break When You Take a Vibecoded App to Production
120120
</h2>
121121
<p class="mt-3 text-gray-400 leading-relaxed">
@@ -139,9 +139,9 @@ <h2 class="font-fira text-xl sm:text-2xl font-bold text-white group-hover:text-b
139139
<div class="flex flex-col items-center gap-4 sm:flex-row sm:justify-between">
140140
<p class="text-sm text-gray-500">&copy; 2026 Commit 451 LLC. All rights reserved.</p>
141141
<nav class="flex gap-6 text-sm" aria-label="Footer navigation">
142-
<a href="https://commit451.com/privacy" class="text-gray-500 hover:text-brand-teal transition-colors">Privacy</a>
143-
<a href="https://commit451.com/terms" class="text-gray-500 hover:text-brand-teal transition-colors">Terms</a>
144-
<a href="https://commit451.com/account-deletion" class="text-gray-500 hover:text-brand-teal transition-colors">Account Deletion</a>
142+
<a href="https://commit451.com/privacy" class="text-gray-500 hover:text-brand-accent transition-colors">Privacy</a>
143+
<a href="https://commit451.com/terms" class="text-gray-500 hover:text-brand-accent transition-colors">Terms</a>
144+
<a href="https://commit451.com/account-deletion" class="text-gray-500 hover:text-brand-accent transition-colors">Account Deletion</a>
145145
</nav>
146146
</div>
147147
</div>

0 commit comments

Comments
 (0)