Files
portfolio/app/app.config.ts
T
mahdiarghyani 6c44b902f1 Update website design and fonts for a modern aesthetic
Replace 'indigo' and 'slate' color schemes with 'violet' and 'zinc'. Update fonts to Geist, DM Sans, and Space Grotesk. Implement gradient backgrounds and glassmorphism effects for a modern look.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8164b8e9-c586-4079-b330-117351ac2d8d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 8af40ca5-651f-4c19-9c76-5cd8766cb502
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/9c9df2fc-1e25-49ec-be14-03588059631a/8164b8e9-c586-4079-b330-117351ac2d8d/xwTaiGN
2025-11-24 22:38:50 +00:00

73 lines
2.2 KiB
TypeScript

export default defineAppConfig({
ui: {
strategy: "merge",
primary: "violet",
gray: "zinc",
colors: {
primary: 'violet',
},
icons: {
dynamic: true,
},
tooltip: {
// removes fixed height and truncate
base: "h-auto overflow-visible text-overflow-clip whitespace-normal",
popper: { placement: "top" },
},
timeline: {
slots: {
separator: 'flex-1 rounded-full bg-gray-200 dark:bg-gray-700',
},
variants: {
color: {
primary: {
separator: 'group-data-[state=completed]:bg-primary-500 dark:group-data-[state=completed]:bg-primary-400'
}
}
}
},
// Prose component customization for blog content
prose: {
h1: {
class: 'text-4xl font-bold mb-6 mt-8 text-gray-900 dark:text-gray-100'
},
h2: {
class: 'text-3xl font-semibold mb-4 mt-8 text-gray-900 dark:text-gray-100'
},
h3: {
class: 'text-2xl font-semibold mb-3 mt-6 text-gray-900 dark:text-gray-100'
},
h4: {
class: 'text-xl font-semibold mb-2 mt-4 text-gray-900 dark:text-gray-100'
},
p: {
class: 'mb-4 leading-7 text-gray-700 dark:text-gray-300'
},
a: {
class: 'text-primary-600 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300 underline underline-offset-2 transition-colors'
},
code: {
class: 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-gray-100 px-1.5 py-0.5 rounded text-sm font-mono'
},
img: {
class: 'rounded-lg my-6 w-full'
},
ul: {
class: 'mb-4 list-disc list-inside space-y-2 text-gray-700 dark:text-gray-300'
},
ol: {
class: 'mb-4 list-decimal list-inside space-y-2 text-gray-700 dark:text-gray-300'
},
li: {
class: 'leading-7'
},
blockquote: {
class: 'border-l-4 border-primary-500 pl-4 italic my-6 text-gray-700 dark:text-gray-300'
}
}
} as any,
repoUrl: "https://github.com/aliarghyani/vue-cursor-rules",
myWebsiteUrl: "https://www.linkedin.com/in/aliarghyani/",
myContactUrl: "https://www.linkedin.com/in/aliarghyani/",
})