lfg2025/antonym
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: transparent header, global text colors, remove hero text

Browse Source 
- Header fully transparent with no border
- Dark mode: #0A0A0A bg, #FAFAFA text
- Light mode: #FAFAFA bg, #0A0A0A text
- Removed "Antonym / Fashion for the sovereign individual" hero section
- Delete stale DB to re-seed with .svg image paths

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Dorian
2026-03-17 01:59:25 +00:00
parent 52fe7a013f
commit 46195142f3
3 changed files with 12 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/layout/ShopHeader.vue
View File

@@ -6,7 +6,7 @@ const { itemCount } = useCart()
</script> </script>
<template> <template>
<header class="shop-header glass-strong"> <header class="shop-header">
<div class="header-inner"> <div class="header-inner">
<router-link to="/" class="logo-link"> <router-link to="/" class="logo-link">
<img src="/logos/logo.svg" alt="Antonym" class="logo" /> <img src="/logos/logo.svg" alt="Antonym" class="logo" />
@@ -37,10 +37,8 @@ const { itemCount } = useCart()
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 100; z-index: 100;
border-radius: 0; background: transparent;
border-top: none; border: none;
border-left: none;
border-right: none;
} }
.header-inner { .header-inner {

18
src/style.css
View File

@@ -11,11 +11,11 @@
--bg-tertiary: #141414; --bg-tertiary: #141414;
--accent: #F7931A; --accent: #F7931A;
--accent-hover: #e8841a; --accent-hover: #e8841a;
--text-primary: rgba(255, 255, 255, 0.9); --text-primary: #FAFAFA;
--text-secondary: rgba(255, 255, 255, 0.7); --text-secondary: rgba(250, 250, 250, 0.7);
--text-muted: rgba(255, 255, 255, 0.6); --text-muted: rgba(250, 250, 250, 0.5);
--text-placeholder: rgba(255, 255, 255, 0.25); --text-placeholder: rgba(250, 250, 250, 0.25);
--text-interactive: rgba(255, 255, 255, 0.7); --text-interactive: rgba(250, 250, 250, 0.7);
--success: #4ade80; --success: #4ade80;
--error: #ef4444; --error: #ef4444;
--warning: #f59e0b; --warning: #f59e0b;
@@ -44,10 +44,10 @@
--bg-secondary: #F0F0F0; --bg-secondary: #F0F0F0;
--bg-tertiary: #F5F5F5; --bg-tertiary: #F5F5F5;
--text-primary: #0A0A0A; --text-primary: #0A0A0A;
--text-secondary: rgba(0, 0, 0, 0.7); --text-secondary: rgba(10, 10, 10, 0.7);
--text-muted: rgba(0, 0, 0, 0.5); --text-muted: rgba(10, 10, 10, 0.5);
--text-placeholder: rgba(0, 0, 0, 0.25); --text-placeholder: rgba(10, 10, 10, 0.25);
--text-interactive: rgba(0, 0, 0, 0.7); --text-interactive: rgba(10, 10, 10, 0.7);
--glass-bg: rgba(255, 255, 255, 0.5); --glass-bg: rgba(255, 255, 255, 0.5);
--glass-bg-strong: rgba(255, 255, 255, 0.65); --glass-bg-strong: rgba(255, 255, 255, 0.65);
--glass-bg-darker: rgba(255, 255, 255, 0.55); --glass-bg-darker: rgba(255, 255, 255, 0.55);

8
src/views/HomeView.vue
View File

@@ -33,11 +33,6 @@ onMounted(async () => {
<template> <template>
<SeoMeta title="Shop" description="Fashion for the sovereign individual. Bitcoin only. No accounts. No tracking." /> <SeoMeta title="Shop" description="Fashion for the sovereign individual. Bitcoin only. No accounts. No tracking." />
<div class="home"> <div class="home">
<section class="hero">
<h1>Antonym</h1>
<p class="tagline">Fashion for the sovereign individual. Bitcoin only.</p>
</section>
<div v-if="categories.length > 1" class="category-filter"> <div v-if="categories.length > 1" class="category-filter">
<button class="filter-btn" :class="{ active: !activeCategory }" @click="activeCategory = null">All</button> <button class="filter-btn" :class="{ active: !activeCategory }" @click="activeCategory = null">All</button>
<button v-for="cat in categories" :key="cat" class="filter-btn" :class="{ active: activeCategory === cat }" @click="activeCategory = cat">{{ cat }}</button> <button v-for="cat in categories" :key="cat" class="filter-btn" :class="{ active: activeCategory === cat }" @click="activeCategory = cat">{{ cat }}</button>
@@ -49,9 +44,6 @@ onMounted(async () => {
</template> </template>
<style scoped> <style scoped>
.hero { text-align: center; padding: 3rem 0 2.5rem; }
.hero h1 { font-size: 2.5rem; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 0.5rem; }
.tagline { color: var(--text-muted); font-size: 1rem; }
.category-filter { display: flex; gap: 0.5rem; margin-bottom: 2rem; flex-wrap: wrap; } .category-filter { display: flex; gap: 0.5rem; margin-bottom: 2rem; flex-wrap: wrap; }
.filter-btn { .filter-btn {
padding: 0.375rem 1rem; padding: 0.375rem 1rem;