diff --git a/components/api-endpoint.tsx b/components/api-endpoint.tsx
index d94d41527..b5081da2a 100644
--- a/components/api-endpoint.tsx
+++ b/components/api-endpoint.tsx
@@ -187,7 +187,7 @@ export const ApiResponses: React.FC<{
return (
<>
- Endpoint:
-
+
+ Endpoint:
+
+
{properties.method}
- {" "}
-
+
+
{properties.path}
{isModalOpen ? (
) : (
+
Responses
+
Request
Name
++ Name +
Description
++ Description +
+
Bearer Token required
+
To access your Agentverse API key, please follow these steps:
-{actualResponse}+
+ {actualResponse} +
++diff --git a/components/code.tsx b/components/code.tsx index 0ae8a229a..acbb4376f 100644 --- a/components/code.tsx +++ b/components/code.tsx @@ -152,7 +152,9 @@ export const Dropdown: React.FC{JSON.stringify(properties.responses, null, 2)}= ({ onClick={toggleDropdown} className="nx-relative nx-flex nx-items-center nx-gap-1 nx-cursor-pointer" > - {selectedOption || placeholder} + + {selectedOption || placeholder} +
{content.description}
++ {content.description} +
); }; diff --git a/components/feedback.tsx b/components/feedback.tsx index 383b1e5a1..e9a76c334 100644 --- a/components/feedback.tsx +++ b/components/feedback.tsx @@ -88,7 +88,7 @@ const FeedbackComponent = ({ pageUrl }: { pageUrl: string }) => { ) : ( <> -+
{content.description}
Our technology loop
@@ -248,7 +260,11 @@ function LandingPage() { make choices on their own for individuals, companies, and devices. Agents are the actors, and the heart of Fetch.ai ecosystem.
-Agents are flexible problem solvers, capable of not just completing tasks but also tackling difficult issues across several domains. @@ -263,7 +279,7 @@ function LandingPage() { Agents are made possible with the Fetch.ai platform.
Courses
diff --git a/components/landing.module.css b/components/landing.module.css index 43aad1d09..b35854c7e 100644 --- a/components/landing.module.css +++ b/components/landing.module.css @@ -139,6 +139,10 @@ margin-bottom: 80px; } +:is(html[class~="dark"] .horizontalLine) { + background: #4d4f57; +} + .systemDescripton { color: #3e4c5c; font-size: 1.1rem; @@ -156,7 +160,6 @@ align-self: stretch; border-radius: 12px; background: #5f38fb; - background: url("../src/svgs/courses-background.svg") no-repeat center/cover; } .cardStack { @@ -215,6 +218,11 @@ line-height: 140%; letter-spacing: -0.28px; } + +:is(html[class~="dark"] .coursesSubtitle) { + color: #a6a7ab; +} + .coursesSubtitle { color: #dce2ea; font-size: 20px; @@ -309,3 +317,85 @@ line-height: normal; letter-spacing: -0.16px; } + +:is(html[class~="dark"] .comingSomewhereTitle:hover) { + color: #cfc3fe; +} + +:is(html[class~="dark"] .mainTitle) { + color: #e9e9ea; +} + +:is(html[class~="dark"] .description) { + color: #a6a7ab; +} + +:is(html[class~="dark"] .systemDescripton) { + color: #a6a7ab; +} + +:is(html[class~="dark"] .welcomeText) { + color: #a6a7ab; +} + +:is(html[class~="dark"] .description) { + color: #a6a7ab; +} + +:is(html[class~="dark"] .subDescription) { + color: #a6a7ab; +} + +:is(html[class~="dark"] .subTitle) { + color: #e9e9ea; +} + +:is(html[class~="dark"] .guideBox) { + background-position-y: 99px; + background-repeat: no-repeat; + background-color: #2c2e38; +} + +:is(html[class~="dark"] .hoverGuideBox) { + background-position-y: 99px; + background-repeat: no-repeat; + background-color: #2c2e38; +} + +:is(html[class~="dark"] .startGuideText) { + color: #e9e9ea; +} + +:is(html[class~="dark"] .comingSomewhereWrapper) { + background-color: #2c2e38; + border: 1px solid #2c2e38; +} + +:is(html[class~="dark"] .comingSomewhereWrapper:hover) { + background-color: #363841; +} + +:is(html[class~="dark"] .comingSomewhereTitle) { + color: #e9e9ea; +} + +:is(html[class~="dark"] .courseSection) { + background-color: #2c2e38; +} + +:is(html[class~="dark"] .stackHeading) { + color: #e9e9ea; +} + +:is(html[class~="dark"] .keywordbg) { + border: 1px solid #4d4f57; + background: none; +} + +:is(html[class~="dark"] .keywordtext) { + color: #bfaffd; +} + +:is(html[class~="dark"] .introduction) { + color: #a6a7ab; +} diff --git a/components/logo.tsx b/components/logo.tsx index 3cd3a9973..c0ca9356b 100644 --- a/components/logo.tsx +++ b/components/logo.tsx @@ -1,14 +1,18 @@ import React from "react"; import Image from "next/image"; -import fetchLogo from "../src/svgs/fetch-logo.svg"; +import fetchLogo from "../src/svgs/logo.svg"; +import darkfetchLogo from "../src/svgs/dark-fetch-logo.svg"; +import { useTheme } from "next-themes"; +import { ThemeMode } from "theme/fetch-ai-docs/helpers"; const Logo: React.FC = () => { + const { resolvedTheme } = useTheme(); return ({name}