feat: Refresh docs theme styling and icon set

.gitignore

@@ -20,3 +20,4 @@ npm-debug.log*
 pnpm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.gstack/

AGENTS.md

@@ -0,0 +1,7 @@
+# AGENTS.md
+
+## Validation
+
+- Never validate changes in this repo by running the full build.
+- The build is intentionally considered too expensive and inefficient for routine validation.
+- Prefer targeted verification instead, such as reviewing the changed files, running narrow checks relevant to the edit, or using lightweight local validation where available.

docusaurus.config.ts

@@ -155,7 +155,7 @@ const config: Config = {
     metadata: [
       {
         name: "theme-color",
-        content: "#242526",
+        content: "#171616",
         media: "(prefers-color-scheme: dark)",
       }, // matches docusaurus theme rather than unraid specific color
       {

i18n/de/docusaurus-theme-classic/footer.json

@@ -52,7 +52,7 @@
     "description": "The label of footer link with label=CC BY-SA 4.0 linking to https://creativecommons.org/licenses/by-sa/4.0/"
   },
   "copyright": {
-    "message": "<small>Urheberrecht &copy; 2005-2025 Lime Technology, Inc.<br>Unraid&reg; ist ein eingetragenes Warenzeichen von Lime Technology, Inc.</small>",
+    "message": "<small>Urheberrecht &copy; 2005-{currentYear} Lime Technology, Inc.<br>Unraid&reg; ist ein eingetragenes Warenzeichen von Lime Technology, Inc.</small>",
     "description": "The footer copyright"
   },
   "logo.alt": {

i18n/en/docusaurus-theme-classic/footer.json

@@ -52,7 +52,7 @@
     "description": "The label of footer link with label=CC BY-SA 4.0 linking to https://creativecommons.org/licenses/by-sa/4.0/"
   },
   "copyright": {
-    "message": "<small>Copyright &copy; 2005-2025 Lime Technology, Inc.<br>Unraid&reg; is a registered trademark of Lime Technology, Inc.</small>",
+    "message": "<small>Copyright &copy; 2005-{currentYear} Lime Technology, Inc.<br>Unraid&reg; is a registered trademark of Lime Technology, Inc.</small>",
     "description": "The footer copyright"
   },
   "logo.alt": {

i18n/es/docusaurus-theme-classic/footer.json

@@ -52,7 +52,7 @@
     "description": "The label of footer link with label=CC BY-SA 4.0 linking to https://creativecommons.org/licenses/by-sa/4.0/"
   },
   "copyright": {
-    "message": "<small>Copyright &copy; 2005-2025 Lime Technology, Inc.<br>Unraid&reg; es una marca registrada de Lime Technology, Inc.</small>",
+    "message": "<small>Copyright &copy; 2005-{currentYear} Lime Technology, Inc.<br>Unraid&reg; es una marca registrada de Lime Technology, Inc.</small>",
     "description": "The footer copyright"
   },
   "logo.alt": {

i18n/fr/docusaurus-theme-classic/footer.json

@@ -52,7 +52,7 @@
     "description": "The label of footer link with label=CC BY-SA 4.0 linking to https://creativecommons.org/licenses/by-sa/4.0/"
   },
   "copyright": {
-    "message": "<small>Droits d'auteur &copy; 2005-2025 Lime Technology, Inc.<br>Unraid&reg; est une marque déposée de Lime Technology, Inc.</small>",
+    "message": "<small>Droits d'auteur &copy; 2005-{currentYear} Lime Technology, Inc.<br>Unraid&reg; est une marque déposée de Lime Technology, Inc.</small>",
     "description": "The footer copyright"
   },
   "logo.alt": {

i18n/zh/docusaurus-theme-classic/footer.json

@@ -52,7 +52,7 @@
     "description": "The label of footer link with label=CC BY-SA 4.0 linking to https://creativecommons.org/licenses/by-sa/4.0/"
   },
   "copyright": {
-    "message": "<small>版权所有 &copy; 2005-2025 Lime Technology, Inc.<br>Unraid&reg; 是 Lime Technology, Inc. 的注册商标。</small>",
+    "message": "<small>版权所有 &copy; 2005-{currentYear} Lime Technology, Inc.<br>Unraid&reg; 是 Lime Technology, Inc. 的注册商标。</small>",
     "description": "The footer copyright"
   },
   "logo.alt": {

package.json

@@ -35,6 +35,7 @@
     "@fontsource-variable/atkinson-hyperlegible-next": "^5.2.6",
     "@mdx-js/react": "^3.1.1",
     "@renatonagliati/remark-auto-glossary": "github:renatonagliati/remark-auto-glossary",
+    "@tabler/icons-react": "^3.40.0",
     "clsx": "^2.1.1",
     "docusaurus-plugin-image-zoom": "^3.0.1",
     "prism-react-renderer": "^2.4.1",

src/components/ResponsiveEmbed/index.tsx

@@ -7,6 +7,10 @@ type ResponsiveEmbedProps = {
   aspectRatio?: `${number}/${number}` | `${number} / ${number}`;
   allow?: string;
   referrerPolicy?: HTMLIFrameElement["referrerPolicy"];
+  disableMargin?: boolean;
+  embedClassName?: string;
+  frameClassName?: string;
+  iframeClassName?: string;
 };
 
 export default function ResponsiveEmbed({
@@ -15,17 +19,27 @@ export default function ResponsiveEmbed({
   aspectRatio = "16 / 9",
   allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
   referrerPolicy = "strict-origin-when-cross-origin",
+  disableMargin = false,
+  embedClassName,
+  frameClassName,
+  iframeClassName,
 }: ResponsiveEmbedProps) {
   const frameStyle = {
     aspectRatio,
   } satisfies CSSProperties;
 
+  const embedClasses = [disableMargin ? styles.embedNoMargin : styles.embed, embedClassName]
+    .filter(Boolean)
+    .join(" ");
+  const frameClasses = [styles.frame, frameClassName].filter(Boolean).join(" ");
+  const iframeClasses = [styles.iframe, iframeClassName].filter(Boolean).join(" ");
+
   return (
-    <div className={styles.embed}>
-      <div className={styles.frame} style={frameStyle}>
+    <div className={embedClasses}>
+      <div className={frameClasses} style={frameStyle}>
         <iframe
           {...{ credentialless: "" }}
-          className={styles.iframe}
+          className={iframeClasses}
           src={src}
           title={title}
           allow={allow}

src/components/ResponsiveEmbed/styles.module.css

@@ -2,6 +2,10 @@
   margin: 1.5rem 0;
 }
 
+.embedNoMargin {
+  margin: 0 !important;
+}
+
 .frame {
   position: relative;
   width: 100%;