mirror of
https://github.com/mmahdium/portfolio.git
synced 2026-08-14 12:12:48 +03:30
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
73 lines
2.2 KiB
TypeScript
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/",
|
|
})
|