Merge branch 'main' into fix/org

Author: ghostdevv

.vite-hooks/pre-commit

@@ -0,0 +1 @@
+vp staged

README.md

@@ -77,7 +77,7 @@ What npmx offers:
 | Organization pages             |    ✅     |    ✅    |
 | Provenance indicators          |    ✅     |    ✅    |
 | Code browser                   |    ✅     |    ✅    |
-| Dark mode                      |    ❌     |    ✅    |
+| Dark mode                      |    ✅     |    ✅    |
 | Outdated dependency warnings   |    ❌     |    ✅    |
 | Module format badges (ESM/CJS) |    ❌     |    ✅    |
 | TypeScript types indicator     |    ✅     |    ✅    |

app/components/CollapsibleSection.vue

@@ -62,8 +62,13 @@ function toggle() {
 }
 
 const ariaLabel = computed(() => {
-  const action = isOpen.value ? 'Collapse' : 'Expand'
-  return props.title ? `${action} ${props.title}` : action
+  if (!props.title) {
+    return isOpen.value ? $t('common.collapse') : $t('common.expand')
+  }
+
+  return isOpen.value
+    ? $t('common.collapse_with_name', { name: props.title })
+    : $t('common.expand_with_name', { name: props.title })
 })
 useHead({
   style: [

app/components/ColorScheme/Img.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+const props = defineProps<{
+  lightSrc: string
+  darkSrc: string
+}>()
+</script>
+
+<template>
+  <img
+    :src="props.darkSrc"
+    class="color-mode-img"
+    :style="`--light-src: url('${props.lightSrc}')`"
+  />
+</template>
+
+<style>
+.light .color-mode-img {
+  content: var(--light-src);
+}
+</style>

app/components/Compare/FacetBarChart.vue

@@ -196,7 +196,7 @@ const config = computed<VueUiHorizontalBarConfig>(() => {
             },
             nameLabels: {
               fontSize: isMobile.value ? 12 : 18,
-              color: colors.value.fgSubtle,
+              color: colors.value.fg,
             },
             underlayerColor: colors.value.bg,
           },