diff --git a/app/app.config.ts b/app/app.config.ts index 3b5a54e..b37fed6 100644 --- a/app/app.config.ts +++ b/app/app.config.ts @@ -5,8 +5,21 @@ export default defineAppConfig({ }, colors: { primary: 'neutral', + white: 'white', + black: 'black', + cyan: 'cyan', + gray: 'gray', + zinc: 'zinc', neutral: 'neutral', - red: 'red' + red: 'red', + amber: 'amber', + green: 'green', + emerald: 'emerald', + sky: 'sky', + blue: 'blue', + purple: 'purple', + pink: 'pink', + orange: 'orange' } } }) diff --git a/app/components/home/Link.vue b/app/components/home/Link.vue index b5faf05..938ec0c 100644 --- a/app/components/home/Link.vue +++ b/app/components/home/Link.vue @@ -31,7 +31,7 @@ defineProps({ size="20" /> {{ label }} diff --git a/app/composables/projects.ts b/app/composables/projects.ts index 4b10e48..ceae250 100644 --- a/app/composables/projects.ts +++ b/app/composables/projects.ts @@ -2,8 +2,9 @@ export function useProjectColors() { const statusColors: Record = { 'active': 'green', 'completed': 'blue', - 'archived': 'gray', - 'in-progress': 'amber' + 'archived': 'neutral', + 'in-progress': 'amber', + 'in progress': 'amber' } const typeColors: Record = { diff --git a/app/pages/projects/[slug].vue b/app/pages/projects/[slug].vue index c37ba30..57ba319 100644 --- a/app/pages/projects/[slug].vue +++ b/app/pages/projects/[slug].vue @@ -13,7 +13,6 @@ if (!project.value) { }) } -// Flatten the structure for ContentRenderer const projectWithBody = computed(() => { if (!project.value) return null return { @@ -66,7 +65,7 @@ const formattedDate = computed(() => {

@@ -76,14 +75,14 @@ const formattedDate = computed(() => {
{{ project.type }} {{ project.status }} @@ -128,8 +127,8 @@ const formattedDate = computed(() => { {{ tag }} diff --git a/app/pages/projects/index.vue b/app/pages/projects/index.vue index 8289702..e1335c5 100644 --- a/app/pages/projects/index.vue +++ b/app/pages/projects/index.vue @@ -1,6 +1,6 @@