fix: background color

onmax · onmax · commit 6eb6ee285222 · 2025-09-12T11:34:47.000+02:00
diff --git a/packages/nimiq-icons/src/flags/icons.json b/packages/nimiq-icons/src/flags/icons.json
@@ -1268,7 +1268,7 @@
 			"body": "<mask id=\"nimiq-flags-zw-hexagon-pbk987\" width=\"32\" height=\"28\" x=\"0\" y=\"2\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:alpha\"><path fill=\"#fff\" d=\"M31.15 14.71 24.707 3.54a2.58 2.58 0 00-2.234-1.29H9.582c-.92 0-1.77.49-2.23 1.29L.907 14.71c-.46.8-.46 1.78 0 2.58l6.445 11.17c.46.8 1.31 1.29 2.23 1.29h12.89c.92 0 1.77-.49 2.23-1.29l6.445-11.17c.464-.8.464-1.78.004-2.58\"/></mask><g fill=\"none\"><g mask=\"url(#nimiq-flags-zw-hexagon-pbk987)\"><path fill=\"#6DA544\" d=\"M1.962 0H32v32H1.962z\"/><path fill=\"#FFDA44\" d=\"M3.613 4.581H32v4.582l-4.069 6.875 4.07 6.875v4.58H3.612z\"/><path fill=\"#D80027\" d=\"M8.25 9.162H32v4.582l-1.687 2.25L32 18.325v4.581H8.25z\"/><path fill=\"#EEE\" d=\"M0 0v32l17.488-16z\"/><path fill=\"#D80027\" d=\"m6.437 11.825 1.032 3.188h3.35l-2.713 1.975 1.038 3.187-2.713-1.969-2.712 1.969 1.037-3.187-2.712-1.976h3.35z\"/><path fill=\"#FFDA44\" d=\"m9.281 16.263-2.7-.957-.212-1.937a1.044 1.044 0 10-2.032.475l-.75.756h1.344c0 1.4-1.044 1.4-1.044 2.794l.575 1.387h3.482l.58-1.387q.086-.198.107-.413c.5-.2.65-.719.65-.719\"/><path fill=\"#333\" d=\"m1.963 0 13.75 13.75H32v4.575H15.638L1.962 32H0l16-16L0 0z\"/><path fill=\"url(#nimiq-flags-zw-hexagon-pbk987)\" d=\"M31.15 14.71 24.707 3.54a2.58 2.58 0 00-2.234-1.29H9.582c-.92 0-1.77.49-2.23 1.29L.907 14.71c-.46.8-.46 1.78 0 2.58l6.445 11.17c.46.8 1.31 1.29 2.23 1.29h12.89c.92 0 1.77-.49 2.23-1.29l6.445-11.17c.464-.8.464-1.78.004-2.58\"/></g><defs><radialGradient id=\"nimiq-flags-zw-hexagon-pbk987\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(30.943 0 0 30.9452 23.829 29.395)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#1D1D1B\" stop-opacity=\".3\"/><stop offset=\"1\" stop-color=\"#E9B213\" stop-opacity=\"0\"/></radialGradient></defs></g>"
 		}
 	},
-	"lastModified": 1757577391,
+	"lastModified": 1757668767,
 	"width": 32,
 	"height": 32
 }
diff --git a/packages/nimiq-icons/src/flags/info.json b/packages/nimiq-icons/src/flags/info.json
@@ -2,7 +2,7 @@
 	"prefix": "nimiq-flags",
 	"name": "nimiq-flags",
 	"total": 422,
-	"version": "1.0.0-beta.75",
+	"version": "1.0.0-beta.76",
 	"author": {
 		"name": "onmax",
 		"url": "https://github.com/onmax"
diff --git a/packages/nimiq-icons/src/flags/package.json b/packages/nimiq-icons/src/flags/package.json
@@ -2,7 +2,7 @@
 	"name": "nimiq-flags",
 	"description": "The Nimiq Flags as an iconify icon set.",
 	"version": "1.0.0-beta.76",
-	"iconSetVersion": "1.0.0-beta.75",
+	"iconSetVersion": "1.0.0-beta.76",
 	"main": "index.js",
 	"module": "index.mjs",
 	"types": "index.d.ts",
diff --git a/packages/nimiq-icons/src/icons/icons.json b/packages/nimiq-icons/src/icons/icons.json
@@ -1586,7 +1586,7 @@
 			"hidden": true
 		}
 	},
-	"lastModified": 1757577391,
+	"lastModified": 1757668767,
 	"width": 12,
 	"height": 12
 }
diff --git a/packages/nimiq-icons/src/icons/info.json b/packages/nimiq-icons/src/icons/info.json
@@ -2,7 +2,7 @@
 	"prefix": "nimiq",
 	"name": "nimiq-icons",
 	"total": 84,
-	"version": "1.0.0-beta.75",
+	"version": "1.0.0-beta.76",
 	"author": {
 		"name": "onmax",
 		"url": "https://github.com/onmax"
diff --git a/packages/nimiq-icons/src/icons/package.json b/packages/nimiq-icons/src/icons/package.json
@@ -2,7 +2,7 @@
 	"name": "nimiq-icons",
 	"description": "The Nimiq Icons as an iconify icon set.",
 	"version": "1.0.0-beta.76",
-	"iconSetVersion": "1.0.0-beta.75",
+	"iconSetVersion": "1.0.0-beta.76",
 	"main": "index.js",
 	"module": "index.mjs",
 	"types": "index.d.ts",
diff --git a/packages/nimiq-vitepress-theme/src/layout/DesktopHeader.vue b/packages/nimiq-vitepress-theme/src/layout/DesktopHeader.vue
@@ -32,7 +32,11 @@ const moduleCards = computed(() => {
 </script>
 
 <template>
-  <header z-1000 fixed inset-x-0 top-0 mx-16 mt-16 border="1 neutral-400" shadow bg-neutral-0 f-h-xl flex="~ items-center gap-32" f-px-xl f-py-sm rounded-12 transition="[transform,opacity] duration-300 ease-out" :class="{ 'translate-y--120% opacity-0': !isHeaderVisible }">
+  <header
+    z-1000 fixed inset-x-0 top-0 mx-16 mt-16 border="1 neutral-400" shadow bg-neutral-0 f-h-xl
+    flex="~ items-center gap-32" f-px-xl f-py-sm rounded-12 transition="[transform,opacity] duration-300 ease-out"
+    :class="{ 'translate-y--120% opacity-0': !isHeaderVisible }"
+  >
     <!-- Logo on the left -->
     <Logo />
 
@@ -43,29 +47,29 @@ const moduleCards = computed(() => {
 
       <!-- Modules Dropdown -->
       <CollapsibleRoot v-model:open="isModulesDropdownOpen" relative>
-        <CollapsibleTrigger flex="~ items-center gap-8" f-px-sm f-py-xs f-rounded-xs bg="transparent hocus:neutral-200" transition-colors group>
+        <CollapsibleTrigger
+          flex="~ items-center gap-8" f-px-sm f-py-xs f-rounded-xs bg="transparent hocus:neutral-200"
+          transition-colors group
+        >
           <span f-text-sm font-medium>Modules</span>
-          <div i-nimiq:chevron-down text-12 transition-transform duration-200 :class="{ 'rotate-180': isModulesDropdownOpen }" />
+          <div
+            i-nimiq:chevron-down text-12 transition-transform duration-200
+            :class="{ 'rotate-180': isModulesDropdownOpen }"
+          />
         </CollapsibleTrigger>
 
-        <CollapsibleContent absolute top-full right-0 min-w-400 max-w-600 bg-neutral-0 border="1 neutral-400" f-rounded-md shadow-lg z-50 un-animate="collapsible" class="modules-dropdown-content" of-clip>
-          <motion.div
-            :initial="{ opacity: 0,
-                        y: -10 }" :animate="{ opacity: 1,
-                                              y: 0 }" :transition="{ duration: 0.2 }" max-h-60vh of-y-auto f-p-md
-          >
+        <CollapsibleContent
+          absolute top-full right-0 min-w-400 max-w-600 bg-neutral-0 border="1 neutral-400"
+          f-rounded-md shadow-lg z-50 un-animate="collapsible" class="modules-dropdown-content" of-clip
+        >
+          <!-- eslint-disable -->
+          <motion.div :initial="{ opacity: 0, y: -10 }" :animate="{ opacity: 1, y: 0 }" :transition="{ duration: 0.2 }"
+            max-h-60vh of-y-auto f-p-md>
             <ul v-if="moduleCards.length > 0" grid="~ cols-2 gap-12" class="nq-raw" max-w-full my-0>
-              <motion.li
-                v-for="(card, index) in moduleCards" :key="card.title" :initial="{ opacity: 0,
-                                                                                   y: 20,
-                                                                                   scale: 0.9 }" :animate="{ opacity: 1,
-                                                                                                             y: 0,
-                                                                                                             scale: 1 }" :transition="{ duration: 0.3,
-                                                                                                                                        delay: index * 0.05,
-                                                                                                                                        type: 'spring',
-                                                                                                                                        stiffness: 260,
-                                                                                                                                        damping: 20 }" col-span-1 mt-0 flex @click="isModulesDropdownOpen = false"
-              >
+              <motion.li v-for="(card, index) in moduleCards" :key="card.title"
+                :initial="{ opacity: 0, y: 20, scale: 0.9 }" :animate="{ opacity: 1, y: 0, scale: 1 }"
+                :transition="{ duration: 0.3, delay: index * 0.05, type: 'spring', stiffness: 260, damping: 20 }"
+                col-span-1 mt-0 flex @click="isModulesDropdownOpen = false">
                 <a :href="card.href" nq-hoverable>
                   <div :class="[card.icon, card.iconClass]" scale-125 />
                   <h3 v-if="card.title" f-mt-xs f-text-lg font-medium>
@@ -78,6 +82,7 @@ const moduleCards = computed(() => {
               </motion.li>
             </ul>
           </motion.div>
+          <!-- eslint-enable -->
         </CollapsibleContent>
       </CollapsibleRoot>
 
diff --git a/packages/nimiq-vitepress-theme/src/layout/Layout.vue b/packages/nimiq-vitepress-theme/src/layout/Layout.vue
@@ -32,10 +32,10 @@ const isMobileOrTablet = breakpoints.smaller('lg')
 
 <template>
   <!-- 404 Not Found Page -->
-  <NotFound v-if="is404" />
+  <NotFound v-if="is404" bg-neutral-1100 />
 
   <!-- Home Page -->
-  <div v-else-if="isHome" data-layout="home" min-h-screen>
+  <div v-else-if="isHome" data-layout="home" min-h-screen bg-neutral-1100>
     <template v-if="isMobileOrTablet">
       <Content />
       <MobileNav fixed bottom-0 />
@@ -47,12 +47,12 @@ const isMobileOrTablet = breakpoints.smaller('lg')
   </div>
 
   <!-- Overview Pages -->
-  <div v-else-if="isOverview" id="viewport" data-layout="overview" min-h-screen>
+  <div v-else-if="isOverview" id="viewport" data-layout="overview" min-h-screen bg-neutral-1100>
     <OverviewContent />
   </div>
 
   <!-- Documentation Pages (default) -->
-  <div v-else id="viewport" flex relative var:nq-sidebar-width:100vw md:var:nq-sidebar-width:288px data-layout="docs">
+  <div v-else id="viewport" flex relative var:nq-sidebar-width:100vw md:var:nq-sidebar-width:288px data-layout="docs" bg-neutral-1100>
     <!-- TODO Add skip -->
     <div v-if="!isMobileOrTablet" flex w-full>
       <div shrink-0 relative w="$nq-sidebar-width">

Original file line number	Diff line number	Diff line change
`@@ -1268,7 +1268,7 @@`
`1268`	`1268`	"body": "<mask id=\"nimiq-flags-zw-hexagon-pbk987\" width=\"32\" height=\"28\" x=\"0\" y=\"2\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:alpha\"><path fill=\"#fff\" d=\"M31.15 14.71 24.707 3.54a2.58 2.58 0 00-2.234-1.29H9.582c-.92 0-1.77.49-2.23 1.29L.907 14.71c-.46.8-.46 1.78 0 2.58l6.445 11.17c.46.8 1.31 1.29 2.23 1.29h12.89c.92 0 1.77-.49 2.23-1.29l6.445-11.17c.464-.8.464-1.78.004-2.58\"/></mask><g fill=\"none\"><g mask=\"url(#nimiq-flags-zw-hexagon-pbk987)\"><path fill=\"#6DA544\" d=\"M1.962 0H32v32H1.962z\"/><path fill=\"#FFDA44\" d=\"M3.613 4.581H32v4.582l-4.069 6.875 4.07 6.875v4.58H3.612z\"/><path fill=\"#D80027\" d=\"M8.25 9.162H32v4.582l-1.687 2.25L32 18.325v4.581H8.25z\"/><path fill=\"#EEE\" d=\"M0 0v32l17.488-16z\"/><path fill=\"#D80027\" d=\"m6.437 11.825 1.032 3.188h3.35l-2.713 1.975 1.038 3.187-2.713-1.969-2.712 1.969 1.037-3.187-2.712-1.976h3.35z\"/><path fill=\"#FFDA44\" d=\"m9.281 16.263-2.7-.957-.212-1.937a1.044 1.044 0 10-2.032.475l-.75.756h1.344c0 1.4-1.044 1.4-1.044 2.794l.575 1.387h3.482l.58-1.387q.086-.198.107-.413c.5-.2.65-.719.65-.719\"/><path fill=\"#333\" d=\"m1.963 0 13.75 13.75H32v4.575H15.638L1.962 32H0l16-16L0 0z\"/><path fill=\"url(#nimiq-flags-zw-hexagon-pbk987)\" d=\"M31.15 14.71 24.707 3.54a2.58 2.58 0 00-2.234-1.29H9.582c-.92 0-1.77.49-2.23 1.29L.907 14.71c-.46.8-.46 1.78 0 2.58l6.445 11.17c.46.8 1.31 1.29 2.23 1.29h12.89c.92 0 1.77-.49 2.23-1.29l6.445-11.17c.464-.8.464-1.78.004-2.58\"/></g><defs><radialGradient id=\"nimiq-flags-zw-hexagon-pbk987\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(30.943 0 0 30.9452 23.829 29.395)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#1D1D1B\" stop-opacity=\".3\"/><stop offset=\"1\" stop-color=\"#E9B213\" stop-opacity=\"0\"/></radialGradient></defs></g>"
`1269`	`1269`	`}`
`1270`	`1270`	`},`
`1271`		`- "lastModified": 1757577391,`
	`1271`	`+ "lastModified": 1757668767,`
`1272`	`1272`	`"width": 32,`
`1273`	`1273`	`"height": 32`
`1274`	`1274`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1586,7 +1586,7 @@`
`1586`	`1586`	`"hidden": true`
`1587`	`1587`	`}`
`1588`	`1588`	`},`
`1589`		`- "lastModified": 1757577391,`
	`1589`	`+ "lastModified": 1757668767,`
`1590`	`1590`	`"width": 12,`
`1591`	`1591`	`"height": 12`
`1592`	`1592`	`}`