sark

documentation/src/assets/integration-icons/dark.tsx

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const SvgDark = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        width={24}
+        height={24}
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+    >
+  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+  <path d="M9.173 14.83a4 4 0 1 1 5.657 -5.657" />
+  <path d="M11.294 12.707l.174 .247a7.5 7.5 0 0 0 8.845 2.492a9 9 0 0 1 -14.671 2.914" />
+  <path d="M3 12h1" />
+  <path d="M12 3v1" />
+  <path d="M5.6 5.6l.7 .7" />
+  <path d="M3 21l18 -18" />
+</svg>
+);
+
+export default SvgDark;

documentation/src/assets/integration-icons/index.ts

@@ -1,4 +1,5 @@
 export { default as Languages } from "./languages";
+export { default as Dark } from "./dark";
 export { default as Ably } from "./ably";
 export { default as Airtable } from "./airtable";
 export { default as Antd } from "./antd";

documentation/src/assets/integrations.ts

@@ -2,6 +2,7 @@ import { IntegrationsType } from "../types/integrations";
 import {
     Ably,
     Languages,
+    Dark,
     Airtable,
     Antd,
     Appwrite,
@@ -266,7 +267,7 @@ export const integrations: IntegrationsType = {
         },
         {
             name: "Dark Mode",
-            icon: Appwrite,
+            icon: Dark,
             description:
                 "OpenPanel features a built-in dark mode that users can activate with a single click directly from the interface, enhancing user experience.",
             url: "/docs/panel/dashboard",