radiant-docs 0.1.46 → 0.1.48

package/template/src/lib/code/code-block.ts

@@ -7,6 +7,12 @@ import {
   type ThemedToken,
 } from "shiki";
 import { DEFAULT_FILE, getIconForFile } from "vscode-icons-js";
+import { getConfig } from "../validation";
+import {
+  DEFAULT_SHIKI_DARK_THEME,
+  DEFAULT_SHIKI_LIGHT_THEME,
+  type CodeSyntaxThemeByMode,
+} from "./shiki-theme-config";
 
 export const DEFAULT_CODE_BLOCK_LANGUAGE = "plaintext";
 
@@ -137,9 +143,8 @@ const CODE_BLOCK_LANGUAGE_ICON_FILE_BY_VALUE: Record<string, string> = {
   yaml: "file_type_yaml_official.svg",
 };
 
-const SHIKI_LIGHT_THEME = "github-light";
-const SHIKI_DARK_THEME = "github-dark";
-const SHIKI_THEMES = [SHIKI_LIGHT_THEME, SHIKI_DARK_THEME] as const;
+const SHIKI_LIGHT_LINE_HIGHLIGHT_FALLBACK = "#f6f8fa";
+const SHIKI_DARK_LINE_HIGHLIGHT_FALLBACK = "#2b3036";
 const BUNDLED_LANGUAGE_SET = new Set(Object.keys(bundledLanguages));
 const LANGUAGE_RUNTIME_DEPENDENCIES: Record<string, string[]> = {
   // MDX tokenization relies on TSX grammar injections for JSX-style tags.
@@ -159,6 +164,7 @@ let iconFileNameSetPromise: Promise<Set<string>> | null = null;
 let highlighterPromise:
   | Promise<Awaited<ReturnType<typeof getSingletonHighlighter>>>
   | null = null;
+let highlighterThemeKey = "";
 const loadedLanguageSet = new Set<string>([DEFAULT_CODE_BLOCK_LANGUAGE]);
 const languageLoadPromiseByName = new Map<string, Promise<void>>();
 
@@ -371,10 +377,30 @@ function namespaceSvgIds(svg: string, namespace: string): string {
   return namespacedSvg;
 }
 
-async function getHighlighter() {
-  if (!highlighterPromise) {
+async function getConfiguredCodeSyntaxThemes(): Promise<CodeSyntaxThemeByMode> {
+  const config = await getConfig();
+  const configuredSyntaxTheme = config.theme?.code?.syntaxTheme;
+
+  if (typeof configuredSyntaxTheme === "string") {
+    return {
+      light: configuredSyntaxTheme,
+      dark: configuredSyntaxTheme,
+    };
+  }
+
+  return {
+    light: configuredSyntaxTheme?.light ?? DEFAULT_SHIKI_LIGHT_THEME,
+    dark: configuredSyntaxTheme?.dark ?? DEFAULT_SHIKI_DARK_THEME,
+  };
+}
+
+async function getHighlighter(syntaxThemes: CodeSyntaxThemeByMode) {
+  const nextThemeKey = `${syntaxThemes.light}\u0000${syntaxThemes.dark}`;
+
+  if (!highlighterPromise || highlighterThemeKey !== nextThemeKey) {
+    highlighterThemeKey = nextThemeKey;
     highlighterPromise = getSingletonHighlighter({
-      themes: [...SHIKI_THEMES],
+      themes: Array.from(new Set([syntaxThemes.light, syntaxThemes.dark])),
       langs: [DEFAULT_CODE_BLOCK_LANGUAGE],
     });
   }
@@ -382,6 +408,40 @@ async function getHighlighter() {
   return highlighterPromise;
 }
 
+function getThemeColor(
+  highlighter: Awaited<ReturnType<typeof getSingletonHighlighter>>,
+  themeName: string,
+  colorName: string,
+  fallback: string,
+): string {
+  const colorValue = highlighter.getTheme(themeName)?.colors?.[colorName];
+  return typeof colorValue === "string" && colorValue.trim().length > 0
+    ? colorValue.trim()
+    : fallback;
+}
+
+function getCodeThemeColors(
+  highlighter: Awaited<ReturnType<typeof getSingletonHighlighter>>,
+  syntaxThemes: CodeSyntaxThemeByMode,
+): CodeThemeColors {
+  return {
+    lineHighlightBackground: {
+      light: getThemeColor(
+        highlighter,
+        syntaxThemes.light,
+        "editor.lineHighlightBackground",
+        SHIKI_LIGHT_LINE_HIGHLIGHT_FALLBACK,
+      ),
+      dark: getThemeColor(
+        highlighter,
+        syntaxThemes.dark,
+        "editor.lineHighlightBackground",
+        SHIKI_DARK_LINE_HIGHLIGHT_FALLBACK,
+      ),
+    },
+  };
+}
+
 function resolveLoadableLanguage(
   highlighter: Awaited<ReturnType<typeof getSingletonHighlighter>>,
   normalizedLanguage: string,
@@ -496,8 +556,11 @@ export async function getCodeLineTokens({
 }): Promise<{
   normalizedLanguage: string;
   lines: CodeLineToken[][];
+  themeColors: CodeThemeColors;
 }> {
-  const highlighter = await getHighlighter();
+  const syntaxThemes = await getConfiguredCodeSyntaxThemes();
+  const highlighter = await getHighlighter(syntaxThemes);
+  const themeColors = getCodeThemeColors(highlighter, syntaxThemes);
   const normalizedLanguage = normalizeCodeLanguageValue(language);
   const loadableLanguage = resolveLoadableLanguage(
     highlighter,
@@ -525,26 +588,41 @@ export async function getCodeLineTokens({
   }
 
   try {
-    const themedTokenLines = getThemedTokenLines(highlighter, code, targetLanguage);
+    const themedTokenLines = getThemedTokenLines(
+      highlighter,
+      code,
+      targetLanguage,
+      syntaxThemes,
+    );
 
     return {
       normalizedLanguage: targetLanguage,
       lines: mergeTokenLines(themedTokenLines.light, themedTokenLines.dark),
+      themeColors,
     };
   } catch {
     const themedTokenLines = getThemedTokenLines(
       highlighter,
       code,
       DEFAULT_CODE_BLOCK_LANGUAGE,
+      syntaxThemes,
     );
 
     return {
       normalizedLanguage: DEFAULT_CODE_BLOCK_LANGUAGE,
       lines: mergeTokenLines(themedTokenLines.light, themedTokenLines.dark),
+      themeColors,
     };
   }
 }
 
+export type CodeThemeColors = {
+  lineHighlightBackground: {
+    light: string;
+    dark: string;
+  };
+};
+
 export type CodeLineToken = {
   content: string;
   color?: string;
@@ -560,6 +638,7 @@ function getThemedTokenLines(
   highlighter: Awaited<ReturnType<typeof getSingletonHighlighter>>,
   code: string,
   lang: string,
+  syntaxThemes: CodeSyntaxThemeByMode,
 ): {
   light: ThemedToken[][];
   dark: ThemedToken[][];
@@ -567,11 +646,11 @@ function getThemedTokenLines(
   const shikiLanguage = lang as keyof typeof bundledLanguages;
   const lightTokenResult = highlighter.codeToTokens(code, {
     lang: shikiLanguage,
-    theme: SHIKI_LIGHT_THEME,
+    theme: syntaxThemes.light,
   });
   const darkTokenResult = highlighter.codeToTokens(code, {
     lang: shikiLanguage,
-    theme: SHIKI_DARK_THEME,
+    theme: syntaxThemes.dark,
   });
 
   return {

package/template/src/lib/code/shiki-theme-config.ts

@@ -0,0 +1,16 @@
+import { bundledThemes } from "shiki";
+
+export const DEFAULT_SHIKI_LIGHT_THEME = "github-light";
+export const DEFAULT_SHIKI_DARK_THEME = "github-dark";
+
+export type CodeSyntaxThemeByMode = {
+  light: string;
+  dark: string;
+};
+
+export const SHIKI_BUNDLED_THEME_NAMES = Object.keys(bundledThemes).sort();
+const SHIKI_BUNDLED_THEME_NAME_SET = new Set(SHIKI_BUNDLED_THEME_NAMES);
+
+export function isBundledShikiThemeName(value: string): boolean {
+  return SHIKI_BUNDLED_THEME_NAME_SET.has(value);
+}

package/template/src/lib/validation.ts

@@ -6,6 +6,12 @@ import { oas } from "@stoplight/spectral-rulesets";
 import { compile } from "@mdx-js/mdx";
 import yaml from "yaml";
 import { docsSchema } from "./frontmatter-schema";
+import {
+  DEFAULT_SHIKI_DARK_THEME,
+  DEFAULT_SHIKI_LIGHT_THEME,
+  SHIKI_BUNDLED_THEME_NAMES,
+  isBundledShikiThemeName,
+} from "./code/shiki-theme-config";
 
 // --- Configuration Constants ---
 const CWD = process.cwd();
@@ -226,10 +232,20 @@ export type CardTheme = {
   cover?: CardCoverTheme;
   button?: CardButtonTheme;
 };
+export type CodeSyntaxThemeConfig =
+  | string
+  | {
+      light?: string;
+      dark?: string;
+    };
+export type CodeTheme = {
+  syntaxTheme?: CodeSyntaxThemeConfig;
+};
 export type DocsTheme = {
   baseColor?: BaseColorOption | BaseColorByMode;
   themeColor?: string | ThemeColorByMode;
   card?: CardTheme;
+  code?: CodeTheme;
 };
 export type AssistantIcon = {
   src?: string;
@@ -1718,6 +1734,127 @@ function validateTheme(theme: DocsConfig["theme"]): void {
     }
   }
 
+  const normalizeShikiThemeName = (
+    value: unknown,
+    currentPath: Path,
+    label: string,
+  ): string => {
+    checkType(value, "string", currentPath, label);
+    if (typeof value !== "string") {
+      throwConfigError(`${label} must be a string.`, currentPath);
+    }
+
+    const normalizedThemeName = value.trim().toLowerCase();
+    if (normalizedThemeName.length === 0) {
+      throwConfigError(`${label} cannot be empty.`, currentPath);
+    }
+
+    if (!isBundledShikiThemeName(normalizedThemeName)) {
+      throwConfigError(
+        `${label} must be a bundled Shiki theme name. Supported themes include: ${SHIKI_BUNDLED_THEME_NAMES.join(", ")}.`,
+        currentPath,
+      );
+    }
+
+    return normalizedThemeName;
+  };
+
+  if (theme.code !== undefined) {
+    checkType(theme.code, "object", ["theme", "code"], "Theme code");
+    if (
+      typeof theme.code !== "object" ||
+      theme.code === null ||
+      Array.isArray(theme.code)
+    ) {
+      throwConfigError("Theme code must be an object.", ["theme", "code"]);
+    }
+
+    const codeTheme = theme.code as CodeTheme & Record<string, unknown>;
+    const allowedCodeKeys = new Set(["syntaxTheme"]);
+    for (const key of Object.keys(codeTheme)) {
+      if (!allowedCodeKeys.has(key)) {
+        throwConfigError(
+          "Theme code configuration only supports 'syntaxTheme'.",
+          ["theme", "code", key],
+        );
+      }
+    }
+
+    if (codeTheme.syntaxTheme !== undefined) {
+      if (typeof codeTheme.syntaxTheme === "string") {
+        const themeName = normalizeShikiThemeName(
+          codeTheme.syntaxTheme,
+          ["theme", "code", "syntaxTheme"],
+          "Theme code syntax theme",
+        );
+        codeTheme.syntaxTheme = {
+          light: themeName,
+          dark: themeName,
+        };
+      } else {
+        checkType(
+          codeTheme.syntaxTheme,
+          "object",
+          ["theme", "code", "syntaxTheme"],
+          "Theme code syntax theme",
+        );
+        if (
+          typeof codeTheme.syntaxTheme !== "object" ||
+          codeTheme.syntaxTheme === null ||
+          Array.isArray(codeTheme.syntaxTheme)
+        ) {
+          throwConfigError(
+            "Theme code syntax theme must be a string or an object with light/dark values.",
+            ["theme", "code", "syntaxTheme"],
+          );
+        }
+
+        const syntaxThemeByMode = codeTheme.syntaxTheme as Record<
+          string,
+          unknown
+        >;
+        const allowedSyntaxThemeKeys = new Set(["light", "dark"]);
+        for (const key of Object.keys(syntaxThemeByMode)) {
+          if (!allowedSyntaxThemeKeys.has(key)) {
+            throwConfigError(
+              "Theme code syntax theme object only supports 'light' and 'dark'.",
+              ["theme", "code", "syntaxTheme", key],
+            );
+          }
+        }
+
+        const light =
+          syntaxThemeByMode.light !== undefined
+            ? normalizeShikiThemeName(
+                syntaxThemeByMode.light,
+                ["theme", "code", "syntaxTheme", "light"],
+                "Theme code syntax theme light",
+              )
+            : undefined;
+        const dark =
+          syntaxThemeByMode.dark !== undefined
+            ? normalizeShikiThemeName(
+                syntaxThemeByMode.dark,
+                ["theme", "code", "syntaxTheme", "dark"],
+                "Theme code syntax theme dark",
+              )
+            : undefined;
+
+        if (!light && !dark) {
+          throwConfigError(
+            "Theme code syntax theme object must include 'light', 'dark', or both.",
+            ["theme", "code", "syntaxTheme"],
+          );
+        }
+
+        codeTheme.syntaxTheme = {
+          light: light ?? DEFAULT_SHIKI_LIGHT_THEME,
+          dark: dark ?? DEFAULT_SHIKI_DARK_THEME,
+        };
+      }
+    }
+  }
+
   if (theme.card !== undefined) {
     checkType(theme.card, "object", ["theme", "card"], "Theme card");
     if (

package/template/src/styles/global.css

@@ -55,9 +55,18 @@
   --border-light: var(--color-neutral-100);
   --input: oklch(0.922 0 0);
   --ring: oklch(0.708 0 0);
-  --rd-code-surface: #ffffff;
+  --rd-code-surface: color-mix(
+    in srgb,
+    var(--color-neutral-100) 60%,
+    var(--background) 40%
+  );
+  --rd-code-header-surface: var(--color-white);
   --rd-code-tab-edge-bg: var(--rd-code-surface);
-  --rd-code-tab-edge-border: var(--color-neutral-200);
+  --rd-code-tab-edge-border: color-mix(
+    in oklab,
+    var(--color-neutral-900) 4%,
+    var(--color-white) 96%
+  );
 }
 
 /* 3. Dark Mode */
@@ -85,8 +94,17 @@
     var(--color-neutral-800) 55%,
     var(--color-neutral-900) 45%
   );
+  --rd-code-header-surface: color-mix(
+    in srgb,
+    var(--color-neutral-900) 100%,
+    var(--rd-code-surface) 0%
+  );
   --rd-code-tab-edge-bg: var(--rd-code-surface);
-  --rd-code-tab-edge-border: var(--color-neutral-800);
+  --rd-code-tab-edge-border: color-mix(
+    in oklab,
+    white 4%,
+    var(--rd-code-tab-edge-bg) 96%
+  );
 }
 
 @variant dark (&:where(.dark, .dark *));
@@ -140,7 +158,7 @@
   --tw-prose-invert-links: white;
   --tw-prose-invert-bold: white;
   --tw-prose-invert-counters: var(--color-neutral-400);
-  --tw-prose-invert-bullets: var(--color-neutral-600);
+  --tw-prose-invert-bullets: inherit;
   --tw-prose-invert-hr: var(--color-neutral-700);
   --tw-prose-invert-quotes: var(--color-neutral-100);
   --tw-prose-invert-quote-borders: var(--color-neutral-700);
@@ -197,6 +215,16 @@
 }
 
 @layer base {
+  .prose-rules > :first-child {
+    margin-block-start: 0 !important;
+    margin-top: 0 !important;
+  }
+
+  .prose-rules > :last-child {
+    margin-block-end: 0 !important;
+    margin-bottom: 0 !important;
+  }
+
   .prose-rules > .rd-prose-block:first-child,
   .prose-rules > .react-renderer:first-child > .rd-prose-block,
   .prose-rules > [data-node-view-content-react]:first-child > :first-child,
@@ -291,21 +319,25 @@
 
 /* Markdown table styling */
 .prose-rules :where(table) {
-  @apply w-full overflow-hidden rounded-xl border border-neutral-200 shadow-xs dark:border-neutral-800;
+  @apply w-full overflow-hidden rounded-[12px] border border-neutral-900/7  dark:border-white/4 dark:bg-neutral-800/15;
   border-collapse: separate;
   border-spacing: 0;
 }
 
 .prose-rules :where(thead th) {
-  @apply bg-neutral-50 dark:bg-neutral-900/60;
+  @apply bg-neutral-100/60 dark:bg-neutral-800/40;
+}
+
+.prose-rules :where(tbody tr:nth-child(even) td) {
+  @apply bg-neutral-50/50 dark:bg-neutral-800/10;
 }
 
 .prose-rules :where(th, td) {
-  @apply border-b border-neutral-200 px-4 py-2 align-top dark:border-neutral-800;
+  @apply border-b border-neutral-900/4 px-4 py-2 align-top dark:border-white/2;
 }
 
 .prose-rules :where(th + th, td + td) {
-  @apply border-l border-neutral-200 dark:border-neutral-800;
+  @apply border-l border-neutral-900/4 dark:border-white/2;
 }
 
 .prose-rules :where(tbody tr:last-child td) {
@@ -314,7 +346,7 @@
 
 /* Code single-line styling */
 :is(.prose, .prose-rules) :not(pre) > code {
-  @apply px-1.5 bg-neutral-100/80 text-neutral-700/90 rounded-sm leading-none font-mono font-normal border border-neutral-900/6 after:hidden before:hidden dark:bg-neutral-800/80 dark:text-neutral-200 dark:border-neutral-700/80;
+  @apply mx-px px-[5px] pr-1 bg-neutral-100/80 text-neutral-700/90 rounded-sm leading-none font-mono font-normal border border-neutral-900/4 after:hidden before:hidden dark:bg-neutral-800/90 dark:text-neutral-200/90 dark:border-white/3;
 }
 
 [data-rd-code-theme] [data-rd-token] {
@@ -322,6 +354,26 @@
   background-color: var(--rd-token-bg, transparent);
 }
 
+[data-rd-code-block-root] {
+  --rd-code-line-highlight-bg: color-mix(
+    in srgb,
+    var(--rd-code-line-highlight-theme-bg-light) 90%,
+    var(--color-neutral-400) 10%
+  );
+}
+
+.dark [data-rd-code-block-root] {
+  --rd-code-line-highlight-bg: color-mix(
+    in srgb,
+    var(--rd-code-line-highlight-theme-bg-dark) 80%,
+    var(--color-neutral-700) 20%
+  );
+}
+
+[data-rd-code-line-highlighted="true"] {
+  background-color: var(--rd-code-line-highlight-bg);
+}
+
 .dark [data-rd-code-theme] [data-rd-token] {
   color: var(--rd-token-color-dark, var(--rd-token-color, currentColor));
   background-color: var(--rd-token-bg-dark, var(--rd-token-bg, transparent));
@@ -336,9 +388,20 @@
   margin-bottom: 0;
 }
 
-/* <ol> numbers */
-.prose :where(ol > li)::marker {
-  @apply font-medium;
+:is(.prose, .prose-rules) :where(ul > li)::marker {
+  color: color-mix(in oklab, currentColor 40%, transparent);
+}
+
+:is(.prose, .prose-rules) :where(ol > li)::marker {
+  color: color-mix(in oklab, currentColor 70%, transparent);
+}
+
+.dark :is(.prose, .prose-rules) :where(ul > li)::marker {
+  color: color-mix(in oklab, currentColor 30%, transparent);
+}
+
+.dark :is(.prose, .prose-rules) :where(ol > li)::marker {
+  color: color-mix(in oklab, currentColor 60%, transparent);
 }
 
 /* Animations */

package/template/src/assets/icons/check.svg

@@ -1,33 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  x="0px"
-  y="0px"
-  width="18px"
-  height="18px"
-  viewBox="0 0 18 18"
->
-  <path
-    d="M9.305 1.848L14.555 3.528C14.969 3.661 15.25 4.046 15.25 4.48V11C15.25 14.03 10.566 15.748 9.308 16.155C9.105 16.221 8.895 16.221 8.692 16.155C7.434 15.748 2.75 14.03 2.75 11V4.48C2.75 4.045 3.031 3.66 3.445 3.528L8.695 1.848C8.893 1.785 9.106 1.785 9.305 1.848Z"
-    fill="#16a34a"
-    fill-opacity="0.7"
-    data-color="color-2"
-    data-stroke="none"
-  ></path>
-  <path
-    d="M9.305 1.848L14.555 3.528C14.969 3.661 15.25 4.046 15.25 4.48V11C15.25 14.03 10.566 15.748 9.308 16.155C9.105 16.221 8.895 16.221 8.692 16.155C7.434 15.748 2.75 14.03 2.75 11V4.48C2.75 4.045 3.031 3.66 3.445 3.528L8.695 1.848C8.893 1.785 9.106 1.785 9.305 1.848Z"
-    stroke="#16a34a"
-    stroke-width="1.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    fill="none"
-  ></path>
-  <path
-    d="M6.49701 9.75L8.10601 11.25L11.503 6.75"
-    stroke="white"
-    opacity="0.9"
-    stroke-width="1.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    fill="none"
-  ></path>
-</svg>

package/template/src/assets/icons/danger.svg

@@ -1,37 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="18"
-  height="18"
-  viewBox="0 0 18 18"
->
-  <path
-    opacity="0.8"
-    d="M5.63604 1.5H12.364L16.5 5.63604V12.364L12.364 16.5H5.63604L1.5 12.364V5.63604L5.63604 1.5Z"
-    fill="#dc2626"
-  ></path>
-  <path
-    d="M5.63604 1.5H12.364L16.5 5.63604V12.364L12.364 16.5H5.63604L1.5 12.364V5.63604L5.63604 1.5Z"
-    stroke="#dc2626"
-    stroke-width="1.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    fill="none"
-  ></path>
-  <g transform="translate(0 -0.5)">
-    <path
-      d="M9 6.75V9.75"
-      stroke="white"
-      opacity="0.9"
-      stroke-width="1.8"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      fill="none"
-    ></path>
-    <path
-      d="M9 13.5C8.448 13.5 8 13.05 8 12.5C8 11.95 8.448 11.5 9 11.5C9.552 11.5 10 11.9501 10 12.5C10 13.0499 9.552 13.5 9 13.5Z"
-      fill="white"
-      opacity="0.9"
-      data-stroke="none"
-    ></path>
-  </g>
-</svg>

package/template/src/assets/icons/info.svg

@@ -1,36 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="18"
-  height="18"
-  viewBox="0 0 18 18"
->
-  <circle opacity="0.6" cx="9" cy="9" r="7.5" fill="#0284c7"></circle>
-  <circle
-    cx="9"
-    cy="9"
-    r="7.5"
-    stroke="#0284c7"
-    stroke-width="1.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    fill="none"
-  ></circle>
-  <path
-    d="M9 12V9"
-    stroke="white"
-    opacity="0.9"
-    stroke-width="1.9"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    fill="none"
-  ></path>
-  <path
-    d="M9 6H9.0075"
-    stroke="white"
-    opacity="0.9"
-    stroke-width="1.9"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    fill="none"
-  ></path>
-</svg>

package/template/src/assets/icons/lightbulb.svg

@@ -1,74 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  x="0px"
-  y="0px"
-  width="18px"
-  height="18px"
-  viewBox="0 0 18 18"
->
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M7.97299 4.358C11.045 3.714 13.75 6.041 13.75 9C13.75 10.867 12.6695 12.475 11.1028 13.25H6.89719C5.11109 12.367 3.95699 10.399 4.31499 8.202C4.62299 6.315 6.10099 4.75 7.97299 4.358Z"
-    fill="#eab308"
-    opacity="0.7"
-    data-color="color-2"
-    data-stroke="none"
-  ></path>
-  <path
-    d="M9 0.75V1.75"
-    stroke="#eab308"
-    stroke-width="1.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    fill="none"
-  ></path>
-  <path
-    d="M14.834 3.16599L14.127 3.87299"
-    stroke="#eab308"
-    stroke-width="1.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    fill="none"
-  ></path>
-  <path
-    d="M17.25 9H16.25"
-    stroke="#eab308"
-    stroke-width="1.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    fill="none"
-  ></path>
-  <path
-    d="M3.16602 3.16599L3.87302 3.87299"
-    stroke="#eab308"
-    stroke-width="1.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    fill="none"
-  ></path>
-  <path
-    d="M0.75 9H1.75"
-    stroke="#eab308"
-    stroke-width="1.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    fill="none"
-  ></path>
-  <path
-    d="M13.75 8.99999C13.75 6.04069 11.0445 3.71348 7.97199 4.35818C6.09979 4.75108 4.62099 6.31669 4.31449 8.20489C3.93509 10.5427 5.26679 12.6193 7.24999 13.407V15.25C7.24999 16.0784 7.92159 16.75 8.74999 16.75H9.24999C10.0784 16.75 10.75 16.0784 10.75 15.25V13.407C12.505 12.71 13.75 11.004 13.75 8.99999Z"
-    stroke="#eab308"
-    stroke-width="1.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    fill="none"
-  ></path>
-  <path
-    d="M6.89697 13.25H11.103"
-    stroke="#eab308"
-    stroke-width="1.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    fill="none"
-  ></path>
-</svg>