Code for https://gm112.neocities.org/ gm112.neocities.org/

layout: adjust how toc color works layout: adjust how link colors are applied for text

+14 -4
+13 -2
app/app.config.ts
··· 3 3 colors: { 4 4 primary: 'blue', 5 5 neutral: 'neutral', 6 + red: 'red', 6 7 }, 7 8 header: { 8 9 slots: { ··· 22 23 { 23 24 active: false, 24 25 disabled: false, 25 - class: ['hover:underline'], 26 + class: ['hover:underline hover:underline-offset-1'], 26 27 }, 27 28 ], 28 29 }, 29 30 contentToc: { 30 31 slots: { 31 - trigger: 'text-lg', 32 + trigger: 'text-[32px] font-normal', 32 33 link: 'text-base font-normal', 33 34 }, 35 + compoundVariants: [ 36 + { 37 + color: 'primary', 38 + active: true, 39 + class: { 40 + link: 'text-highlighted underline underline-offset-1', 41 + linkLeadingIcon: 'text-highlighted', 42 + }, 43 + }, 44 + ], 34 45 }, 35 46 36 47 navigationMenu: {
-1
app/components/post/toc.vue
··· 3 3 v-if="page?.body?.toc?.links && page?.body?.toc?.links.length > 0" 4 4 :links="page.body.toc.links" 5 5 :highlight="true" 6 - highlight-color="neutral" 7 6 class="backdrop-blur-none" 8 7 :attrs="$attrs" 9 8 >
+1 -1
app/pages/[...slug].vue
··· 12 12 <post-toc :page="page" color="neutral" class="grow flex-1 m-w-0 w-1/5 xs:w-full" /> 13 13 <content-renderer :value="page" class="grow-0 w-full sm:px-6" /> 14 14 </div> --> 15 - <post-toc :page="page" color="neutral" /> 15 + <post-toc :page="page" /> 16 16 <content-renderer :value="page" class="grow-0 w-full sm:px-6" /> 17 17 <u-content-surround :surround="surroundings" class="border-alttp bg-black" /> 18 18 </post-detail>