up

HugoRCD · Feb 22, 2025 · 8f8d081 · 8f8d081
1 parent 6be2473
commit 8f8d081
Show file tree

Hide file tree

Showing 41 changed files with 80 additions and 79 deletions.
diff --git a/apps/lp/app/components/BlogPost.vue b/apps/lp/app/components/BlogPost.vue
@@ -37,13 +37,13 @@ const formatDate = (dateString: string) => {
         </NuxtImg>
         <div class="flex flex-col justify-around gap-1">
           <div class="flex flex-col gap-1">
-            <span class="text-xs font-medium text-neutral-500">
+            <span class="text-xs font-medium text-(--ui-text-muted)">
               {{ formatDate(post.date) }}
             </span>
             <h2 class="text-xl font-bold text-(--ui-primary)">
               {{ post.title }}
             </h2>
-            <p class="text-neutral-500">
+            <p class="text-(--ui-text-muted)">
               {{ post.description }}
             </p>
           </div>

diff --git a/apps/lp/app/components/Header.vue b/apps/lp/app/components/Header.vue
@@ -21,7 +21,7 @@ defineShortcuts({
 <template>
   <UHeader class="bg-white dark:bg-neutral-950" :ui="{ left: 'min-w-0' }" mode="drawer" :menu="{ shouldScaleBackground: true }">
     <template #left>
-      <Logo lp /> <span class="text-xs font-mono text-neutral-500">| v{{ version }}</span>
+      <Logo lp /> <span class="text-xs font-mono text-(--ui-text-muted)">| v{{ version }}</span>
     </template>
 
     <UContentSearchButton label="Search or ⌘K..." icon="lucide:search" variant="subtle" size="sm" class="w-[300px]" />

diff --git a/apps/lp/app/components/landing/Faq.vue b/apps/lp/app/components/landing/Faq.vue
@@ -12,7 +12,7 @@ defineProps<{
       <h3 class="main-gradient text-3xl">
         <ScrambleText :label="faq.title" />
       </h3>
-      <p class="max-w-lg text-center text-sm text-neutral-500 sm:text-base">
+      <p class="max-w-lg text-center text-sm text-(--ui-text-muted) sm:text-base">
         {{ faq.description }}
       </p>
       <UButton :to="faq.cta.to" :label="faq.cta.label" size="sm" class="mt-2" />

diff --git a/apps/lp/app/components/landing/Features.vue b/apps/lp/app/components/landing/Features.vue
@@ -12,7 +12,7 @@ defineProps<{
       <h3 class="main-gradient  text-3xl">
         <ScrambleText :label="features.title" />
       </h3>
-      <p class="max-w-lg text-pretty text-center text-sm text-neutral-500 sm:text-base">
+      <p class="max-w-lg text-pretty text-center text-sm text-(--ui-text-muted) sm:text-base">
         {{ features.description }}
       </p>
     </div>

diff --git a/apps/lp/app/components/landing/Stats.vue b/apps/lp/app/components/landing/Stats.vue
@@ -64,7 +64,7 @@ const finalStats = computed(() => [
           <NuxtLink
             to="https://github.com/HugoRCD/nuxt-visitors"
             target="_blank"
-            class="text-neutral-500 text-xs w-fit flex justify-center items-center gap-2 cursor-pointer hover:text-neutral-200 transition-colors duration-300"
+            class="text-(--ui-text-muted) text-xs w-fit flex justify-center items-center gap-2 cursor-pointer hover:text-neutral-200 transition-colors duration-300"
           >
             <span class="relative flex size-2">
               <span
@@ -92,7 +92,7 @@ const finalStats = computed(() => [
       <h3 class="main-gradient italic text-3xl leading-8">
         <ScrambleText label="Built for speed" />
       </h3>
-      <p class="flex gap-2 italic items-center text-pretty text-center text-neutral-500">
+      <p class="flex gap-2 italic items-center text-pretty text-center text-(--ui-text-muted)">
         {{ !isLoading ? ' Stats are updated in real-time.' : `Loading stats${loadingDots}` }}
       </p>
     </div>
@@ -122,12 +122,12 @@ const finalStats = computed(() => [
             will-change
           />
         </div>
-        <dd class="text-sm font-mono text-neutral-500">
+        <dd class="text-sm font-mono text-(--ui-text-muted)">
           {{ stat.label }}
         </dd>
       </UPageCard>
     </dl>
-    <span class="text-xs text-neutral-500 text-center mt-4 block">
+    <span class="text-xs text-(--ui-text-muted) text-center mt-4 block">
       Saved time is calculated by comparing manual env file sharing (5min) vs Shelve operations (5s).
     </span>
   </div>

diff --git a/apps/lp/app/components/layout/Footer.vue b/apps/lp/app/components/layout/Footer.vue
@@ -99,7 +99,7 @@ const columns = ref([
 
 
     <template #left>
-      <div class="text-xs font-mono italic tracking-tight text-neutral-500">
+      <div class="text-xs font-mono italic tracking-tight text-(--ui-text-muted)">
         © {{ new Date().getFullYear() }} - Made by <NuxtLink to="https://hrcd.fr/" class="text-neutral-400 hover:text-neutral-200">
           HugoRCD
         </NuxtLink>

diff --git a/apps/lp/app/error.vue b/apps/lp/app/error.vue
@@ -27,15 +27,15 @@ const goBack = () => {
         <h1 class="font-newsreader text-4xl font-light italic">
           Looks like you're lost
         </h1>
-        <p class="font-geist text-sm text-neutral-500">
+        <p class="font-geist text-sm text-(--ui-text-muted)">
           The page you're looking for doesn't exist
         </p>
       </div>
       <div v-else>
         <h1 class="font-newsreader text-4xl font-light italic">
           An error occurred
         </h1>
-        <p class="font-geist text-sm text-neutral-500">
+        <p class="font-geist text-sm text-(--ui-text-muted)">
           Refresh the page or try again later
         </p>
       </div>

diff --git a/apps/lp/app/pages/about.vue b/apps/lp/app/pages/about.vue
@@ -19,7 +19,7 @@ const { data } = await useAsyncData('about', () => {
             <div class="p-8 pointer-events-auto flex flex-col items-center justify-center">
               <ParticlesImg src="/shelve.svg" alt="Shelve Logo" :max-width="200" />
               <ScrambleText class="mt-8 mb-2 main-gradient text-4xl sm:text-5xl" label="About Shelve" />
-              <p class="max-w-lg text-center text-xs text-neutral-500 sm:text-base">
+              <p class="max-w-lg text-center text-xs text-(--ui-text-muted) sm:text-base">
                 Discover the story behind the project, its origins, and the journey to where we are today.
               </p>
             </div>
@@ -44,7 +44,7 @@ const { data } = await useAsyncData('about', () => {
             </div>
             <div class="col-span-7">
               <div class="space-y-3 mb-16">
-                <div class="text-neutral-500 text-center sm:text-left font-mono italic">
+                <div class="text-(--ui-text-muted) text-center sm:text-left font-mono italic">
                   Part {{ index + 1 < 10 ? '0' + (index + 1) : index + 1 }}
                 </div>
                 <h2 class="text-4xl sm:text-5xl text-center sm:text-left font-serif italic">

diff --git a/apps/lp/app/pages/blog/[...slug].vue b/apps/lp/app/pages/blog/[...slug].vue
@@ -39,15 +39,15 @@ const editThisPage = computed(() => ({
     <ShelveMeta :default-og-image="false" :title="page?.title" :description="page?.description" />
     <UContainer class="relative min-h-screen bg-neutral-50 dark:bg-neutral-900 px-4 sm:px-6 pt-6 border-x border-t border-neutral-200 dark:border-neutral-800 rounded-t-sm shadow-sm">
       <UPage v-if="page">
-        <NuxtLink to="/blog" class="font-mono text-sm flex items-center gap-1 text-neutral-500 hover:text-neutral-50 transition-colors duration-200">
+        <NuxtLink to="/blog" class="font-mono text-sm flex items-center gap-1 text-(--ui-text-muted) hover:text-neutral-50 transition-colors duration-200">
           <UIcon name="lucide:chevron-left" />
           Blog
         </NuxtLink>
         <div class="flex flex-col gap-2 mt-8">
           <h1 class="text-4xl font-bold">
             {{ page.title }}
           </h1>
-          <p class="text-neutral-500">
+          <p class="text-(--ui-text-muted)">
             {{ page.description }}
           </p>
           <div class="flex items-center gap-2 mt-2">

diff --git a/apps/lp/app/pages/docs/[...slug].vue b/apps/lp/app/pages/docs/[...slug].vue
@@ -63,7 +63,7 @@ const communityLinks = computed(() => [
         </template>
 
         <template #description>
-          <p class="text-neutral-500">
+          <p class="text-(--ui-text-muted)">
             {{ page.description }}
           </p>
         </template>

diff --git a/apps/lp/package.json b/apps/lp/package.json
@@ -12,7 +12,8 @@
     "postinstall": "nuxt prepare",
     "lint": "eslint .",
     "lint:fix": "eslint --fix .",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "deploy": "nuxthub deploy"
   },
   "dependencies": {
     "@iconify-json/heroicons": "1.2.2",

diff --git a/apps/shelve/app/components/CliInstall.vue b/apps/shelve/app/components/CliInstall.vue
@@ -62,7 +62,7 @@ function copy(value: string) {
       <h2 class="text-sm font-semibold">
         Install the Shelve CLI
       </h2>
-      <p class="text-sm leading-6 dark:text-neutral-400 text-neutral-500">
+      <p class="text-sm leading-6 text-(--ui-text-muted)">
         In order to fully utilize Shelve, you need to install the Shelve CLI.
       </p>
       <UTabs color="neutral" variant="link" :items class="w-full">

diff --git a/apps/shelve/app/components/layout/Sidebar/Content.vue b/apps/shelve/app/components/layout/Sidebar/Content.vue
@@ -52,7 +52,7 @@ watch(() => route.path, handleProjectNavigation, { immediate: true })
 
     <!-- Team -->
     <div class="flex flex-col gap-2">
-      <div class="text-xs font-medium text-neutral-500 dark:text-neutral-400">
+      <div class="text-xs font-medium text-(--ui-text-muted)">
         Team
       </div>
       <div class="flex flex-col gap-2">
@@ -64,7 +64,7 @@ watch(() => route.path, handleProjectNavigation, { immediate: true })
 
     <div v-if="user" class="flex flex-col gap-2">
       <USeparator class="my-3" />
-      <div class="text-xs font-medium text-neutral-500 dark:text-neutral-400">
+      <div class="text-xs font-medium text-(--ui-text-muted)">
         User
       </div>
       <LayoutNavItem v-for="nav in userNavigations" :key="nav.name" :active="nav.path === route.path || nav.name === route.name" :nav-item="nav" />
@@ -73,7 +73,7 @@ watch(() => route.path, handleProjectNavigation, { immediate: true })
     <!-- Admin -->
     <div v-if="user && user.role === Role.ADMIN" class="flex flex-col gap-2">
       <USeparator class="my-3" />
-      <div class="text-xs font-medium text-neutral-500 dark:text-neutral-400">
+      <div class="text-xs font-medium text-(--ui-text-muted)">
         Admin
       </div>
       <LayoutNavItem v-for="nav in adminNavigations" :key="nav.name" :active="nav.path === route.path" :nav-item="nav" />

diff --git a/apps/shelve/app/components/project/Create.vue b/apps/shelve/app/components/project/Create.vue
@@ -73,7 +73,7 @@ function importProject() {
             <h3 class="font-semibold">
               Quick Links
             </h3>
-            <p class="text-pretty text-xs text-neutral-500 dark:text-neutral-400">
+            <p class="text-pretty text-xs text-(--ui-text-muted)">
               Add quick links to your project repository, homepage, etc...
             </p>
           </div>
@@ -101,7 +101,7 @@ function importProject() {
             <h3 class="font-semibold">
               Logo
             </h3>
-            <p class="text-pretty text-xs text-neutral-500 dark:text-neutral-400">
+            <p class="text-pretty text-xs text-(--ui-text-muted)">
               Add a logo to your project
             </p>
           </div>

diff --git a/apps/shelve/app/components/project/Item.vue b/apps/shelve/app/components/project/Item.vue
@@ -27,7 +27,7 @@ const active = useState('active-project')
           <h3 class="flex flex-col text-lg font-semibold" :class="{ active: active === project.id }">
             {{ project.name }}
           </h3>
-          <div class="text-xs font-normal text-neutral-500" :class="{ active: active === project.id }">
+          <div class="text-xs font-normal text-(--ui-text-muted)" :class="{ active: active === project.id }">
             {{ project.description }}
           </div>
         </div>

diff --git a/apps/shelve/app/components/project/MainSection.vue b/apps/shelve/app/components/project/MainSection.vue
@@ -135,7 +135,7 @@ function getProjectManager(manager: string) {
             <h3 class="text-base font-semibold leading-7">
               {{ project.name }}
             </h3>
-            <p class="text-sm leading-6 text-neutral-500">
+            <p class="text-sm leading-6 text-(--ui-text-muted)">
               {{ project.description }}
             </p>
           </div>

diff --git a/apps/shelve/app/components/project/RepoSelector.vue b/apps/shelve/app/components/project/RepoSelector.vue
@@ -57,7 +57,7 @@ const groups = computed(() => [
         <template #empty>
           <div v-if="!loading" class="flex flex-col items-center justify-center gap-2">
             <UIcon name="simple-icons:github" class="size-8" />
-            <p class="text-pretty text-neutral-500 dark:text-neutral-400">
+            <p class="text-pretty text-(--ui-text-muted)">
               No repositories found.
             </p>
           </div>

diff --git a/apps/shelve/app/components/team/Manager.vue b/apps/shelve/app/components/team/Manager.vue
@@ -74,7 +74,7 @@ const groups = computed(() => [
         @update:open="open = $event"
       >
         <template #teams-trailing="{ item }">
-          <span v-if="!item.disabled" class="text-xs text-neutral-500">
+          <span v-if="!item.disabled" class="text-xs text-(--ui-text-muted)">
             Select team
           </span>
         </template>
@@ -93,7 +93,7 @@ const groups = computed(() => [
                   Looks like there is no team with the name '{{ newTeamName }}'
                 </span>
               </h3>
-              <p v-if="!newTeamName" class="text-sm text-neutral-500">
+              <p v-if="!newTeamName" class="text-sm text-(--ui-text-muted)">
                 Create a team to start collaborating with your team members.
               </p>
             </div>

diff --git a/apps/shelve/app/components/token/Toggle.vue b/apps/shelve/app/components/token/Toggle.vue
@@ -13,7 +13,7 @@ const copy = () => {
 
 <template>
   <div class="flex select-none items-center gap-2">
-    <UTooltip text="Copy token" class="cursor-pointer text-sm font-semibold leading-6 text-neutral-500 dark:text-neutral-400">
+    <UTooltip text="Copy token" class="cursor-pointer text-sm font-semibold leading-6 text-(--ui-text-muted)">
       <span v-if="visible" @click="copy">
         {{ token.slice(0, 4) }}...{{ token.slice(-4) }}
       </span>
@@ -23,7 +23,7 @@ const copy = () => {
     </UTooltip>
     <UIcon
       :name="visible ? 'lucide:eye-off' : 'lucide:eye'"
-      class="cursor-pointer text-neutral-500 dark:text-neutral-400"
+      class="cursor-pointer text-(--ui-text-muted)"
       @click="visible = !visible"
     />
   </div>

diff --git a/apps/shelve/app/components/variable/Create.vue b/apps/shelve/app/components/variable/Create.vue
@@ -77,7 +77,7 @@ const handlePasswordGenerated = (password: string, index: number) => variablesIn
             <h2 class="text-lg font-semibold">
               Environment Variables
             </h2>
-            <p class="text-sm font-normal text-neutral-500">
+            <p class="text-sm font-normal text-(--ui-text-muted)">
               Manage your environment variables
             </p>
           </div>
@@ -109,13 +109,13 @@ const handlePasswordGenerated = (password: string, index: number) => variablesIn
           </h3>
         </div>
         <USeparator class="my-1" />
-        <p class="text-xs font-normal text-neutral-500">
+        <p class="text-xs font-normal text-(--ui-text-muted)">
           🤫 You can also paste all your environment variables (.env) as key value pairs to prefilled the form
         </p>
         <div class="mb-4 flex flex-col gap-2">
           <div class="hidden items-center sm:flex">
-            <span class="w-full text-sm font-normal text-neutral-500">Key</span>
-            <span class="w-full text-sm font-normal text-neutral-500">Value</span>
+            <span class="w-full text-sm font-normal text-(--ui-text-muted)">Key</span>
+            <span class="w-full text-sm font-normal text-(--ui-text-muted)">Value</span>
             <div class="w-[100px]" />
           </div>
           <div v-for="variable in variablesToCreate" :key="variable" class="flex flex-col gap-4">

diff --git a/apps/shelve/app/components/variable/GithubSync.vue b/apps/shelve/app/components/variable/GithubSync.vue
@@ -112,7 +112,7 @@ async function onSubmit(event: FormSubmitEvent<SyncVariablesSchema>) {
                 <div class="flex items-center gap-2">
                   <UIcon
                     name="lucide:git-fork"
-                    class="size-4 text-neutral-500"
+                    class="size-4 text-(--ui-text-muted)"
                   />
                   <UInput
                     v-model="state.repository"
@@ -161,7 +161,7 @@ async function onSubmit(event: FormSubmitEvent<SyncVariablesSchema>) {
                 block
               />
             </div>
-            <p class="text-xs text-neutral-500 dark:text-neutral-400 mt-2 bg-neutral-100 dark:bg-neutral-800/50 p-2 rounded-lg">
+            <p class="text-xs text-(--ui-text-muted) mt-2 bg-neutral-100 dark:bg-neutral-800/50 p-2 rounded-lg">
               <UIcon name="lucide:info" class="text-sm align-sub" /> This might cause overwriting of existing secrets in your repository
             </p>
           </div>

diff --git a/apps/shelve/app/components/variable/Item.vue b/apps/shelve/app/components/variable/Item.vue
@@ -59,15 +59,15 @@ const showEdit = ref(false)
           </UTooltip>
         </h3>
         <div class="flex flex-col gap-1">
-          <span v-for="env in environments" :key="env.id" class="flex items-center gap-1 text-xs font-normal text-neutral-500">
+          <span v-for="env in environments" :key="env.id" class="flex items-center gap-1 text-xs font-normal text-(--ui-text-muted)">
             <UIcon v-if="environmentsValues[env.id]" name="lucide:check" class="size-4 text-green-400" />
             <UIcon v-else name="lucide:x" class="size-4 text-red-400" />
             {{ capitalize(env.name) }}
           </span>
         </div>
       </div>
       <div class="flex items-center gap-2">
-        <p class="hidden text-right text-xs font-normal text-neutral-500 md:block">
+        <p class="hidden text-right text-xs font-normal text-(--ui-text-muted) md:block">
           Last updated: {{ new Date(variable.updatedAt).toLocaleDateString() }}
         </p>
       </div>
@@ -78,10 +78,10 @@ const showEdit = ref(false)
           <table class="w-full">
             <thead>
               <tr class="border-b dark:border-neutral-800 border-neutral-300">
-                <th class="py-2 w-24 px-4 text-left text-sm font-medium text-neutral-500">
+                <th class="py-2 w-24 px-4 text-left text-sm font-medium text-(--ui-text-muted)">
                   Environment
                 </th>
-                <th class="py-2 px-4 text-left text-sm font-medium text-neutral-500">
+                <th class="py-2 px-4 text-left text-sm font-medium text-(--ui-text-muted)">
                   Value
                 </th>
               </tr>
@@ -103,7 +103,7 @@ const showEdit = ref(false)
                 <td class="py-2 px-4 text-sm font-medium">
                   <UTooltip :text="`Copy env variables for ${env.name} environment`" :content="{ side: 'top' }">
                     <span
-                      class="cursor-pointer transition-colors ease-in-out duration-300 text-neutral-500 hover:text-neutral-300"
+                      class="cursor-pointer transition-colors ease-in-out duration-300 text-(--ui-text-muted) hover:text-neutral-300"
                       @click="copyToClipboard(`${localVariable.key}=${environmentsValues[env.id]}`, 'Variable copied to clipboard')"
                     >
                       {{ capitalize(env.name) }}

diff --git a/apps/shelve/app/components/variable/Prefix.vue b/apps/shelve/app/components/variable/Prefix.vue
@@ -42,7 +42,7 @@ function addPrefixToInputId(prefix: string) {
             @click="addPrefixToInputId(prefix)"
           />
         </div>
-        <NuxtLink :to="`/${teamSlug}/projects/${project.id}/settings#variable-prefix`" class="text-xs text-neutral-500 dark:text-neutral-400 flex gap-1 hover:underline">
+        <NuxtLink :to="`/${teamSlug}/projects/${project.id}/settings#variable-prefix`" class="text-xs text-(--ui-text-muted) flex gap-1 hover:underline">
           Create variable prefix
           <UIcon name="lucide:external-link" class="mt-0.5" />
         </NuxtLink>

diff --git a/apps/shelve/app/error.vue b/apps/shelve/app/error.vue
@@ -54,15 +54,15 @@ const clearLocalStorage = () => {
         <h1 class="font-newsreader text-4xl font-light italic">
           Looks like you're lost
         </h1>
-        <p class="font-geist text-sm text-neutral-500">
+        <p class="font-geist text-sm text-(--ui-text-muted)">
           The page you're looking for doesn't exist
         </p>
       </div>
       <div v-else>
         <h1 class="font-newsreader text-4xl font-light italic">
           An error occurred
         </h1>
-        <p class="font-geist text-sm text-neutral-500">
+        <p class="font-geist text-sm text-(--ui-text-muted)">
           Refresh the page or try again later
         </p>
       </div>

diff --git a/apps/shelve/app/layouts/auth.vue b/apps/shelve/app/layouts/auth.vue
@@ -6,7 +6,7 @@
     <div class="mt-6">
       <LayoutDivider />
       <footer class="mx-auto flex max-w-7xl flex-col items-center justify-around gap-4 px-4 py-6 sm:flex-row">
-        <div class="flex items-center text-neutral-500 gap-4">
+        <div class="flex items-center text-(--ui-text-muted) gap-4">
           <span class="text-sm flex items-center">
             Want to go back to homepage ?
             <UButton