Skip to content

Fix architecture diagram light mode and responsiveness #836

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
teallarson merged 2 commits into from
Feb 27, 2026
Merged

Fix architecture diagram light mode and responsiveness #836

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4c87eb9
Fix architecture diagram for light mode and responsiveness
teallarson Feb 27, 2026
2131f19
Regenerate clean markdown files
github-actions[bot] Feb 27, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 15 additions & 7 deletions app/en/get-started/about-arcade/page.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ description: "Learn how Arcade helps with auth and tool calling"
---

import { Tabs } from "nextra/components";
import Image from "next/image";

# About Arcade

Expand All @@ -19,13 +20,20 @@ Without auth, AI agents are severely limited in what they can do.

Arcade provides an authorization system that handles OAuth 2.0, API keys, and user tokens needed by AI agents to access external services through tools. This means AI agents can now act on behalf of users securely and privately.

<picture>
<source
srcSet="/images/overview-dark.png"
media="(prefers-color-scheme: dark)"
></source>
<img src="/images/overview-light.png" alt="Arcade architecture overview" />
</picture>
<Image
alt="Arcade architecture overview"
className="max-w-full dark:hidden mt-4"
src="/images/overview-light.png"
width={3112}
height={1741}
/>
<Image
alt="Arcade architecture overview"
className="hidden max-w-full dark:block mt-4"
src="/images/overview-dark.png"
width={3112}
height={1741}
/>

With Arcade, developers can now create agents that can _act as the end users of their application_ to perform tasks like:

Expand Down
4 changes: 2 additions & 2 deletions public/_markdown/en/get-started/about-arcade.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ Without auth, AI are severely limited in what they can do.

Arcade provides an authorization system that handles OAuth 2.0, , and user tokens needed by AI to access external services through . This means AI agents can now act on behalf of securely and privately.

![Arcade architecture overview](/images/overview-light.png)
![Arcade architecture overview](/_next/image?url=%2Fimages%2Foverview-light.png&w=3840&q=75) ![Arcade architecture overview](/_next/image?url=%2Fimages%2Foverview-dark.png&w=3840&q=75)

With Arcade, developers can now create that can _act as the end of their application_ to perform tasks like:

Expand Down Expand Up @@ -74,7 +74,7 @@ const response = await client.tools.execute({
console.log(response.output.value);
```

Last updated on January 30, 2026
Last updated on February 27, 2026

[Docs Home](/en/home.md)
[Get an API key](/en/get-started/setup/api-keys.md)