From c91f9fac93be68bcc69f986c4e1da7d6df8e059a Mon Sep 17 00:00:00 2001 From: Kazuhiro Sera Date: Wed, 4 Jun 2025 16:46:58 +0900 Subject: [PATCH 1/2] Adjust the left top logo area --- docs/astro.config.mjs | 6 +-- docs/src/assets/dark-wordmark.svg | 17 +++++++++ docs/src/assets/light-wordmark.svg | 17 +++++++++ docs/src/components/Title.astro | 60 ++++++++++++++++++++++++++++++ docs/tailwind.config.mjs | 1 + 5 files changed, 97 insertions(+), 4 deletions(-) create mode 100644 docs/src/assets/dark-wordmark.svg create mode 100644 docs/src/assets/light-wordmark.svg create mode 100644 docs/src/components/Title.astro diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs index 7dbda8b5..cecdc99a 100644 --- a/docs/astro.config.mjs +++ b/docs/astro.config.mjs @@ -315,10 +315,8 @@ export default defineConfig({ integrations: [ starlight({ title: 'OpenAI Agents SDK', - logo: { - light: './src/assets/light-logo.svg', - dark: './src/assets/dark-logo.svg', - alt: 'OpenAI', + components: { + SiteTitle: './src/components/Title.astro', }, // defaultLocale: 'root', locales: { diff --git a/docs/src/assets/dark-wordmark.svg b/docs/src/assets/dark-wordmark.svg new file mode 100644 index 00000000..c4a57d50 --- /dev/null +++ b/docs/src/assets/dark-wordmark.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/docs/src/assets/light-wordmark.svg b/docs/src/assets/light-wordmark.svg new file mode 100644 index 00000000..27827601 --- /dev/null +++ b/docs/src/assets/light-wordmark.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/docs/src/components/Title.astro b/docs/src/components/Title.astro new file mode 100644 index 00000000..73624d2e --- /dev/null +++ b/docs/src/components/Title.astro @@ -0,0 +1,60 @@ +--- +import { Image } from 'astro:assets'; +import logo from '../assets/light-logo.svg'; +import wordmark from '../assets/light-wordmark.svg'; +import darkLogo from '../assets/dark-logo.svg'; +import darkWordmark from '../assets/dark-wordmark.svg'; +--- + + +

+ + OpenAI Agents SDK + + OpenAI Agents SDK +

+ + + diff --git a/docs/tailwind.config.mjs b/docs/tailwind.config.mjs index 6f66b6fc..7d53ba73 100644 --- a/docs/tailwind.config.mjs +++ b/docs/tailwind.config.mjs @@ -2,6 +2,7 @@ import starlightPlugin from '@astrojs/starlight-tailwind'; /** @type {import('tailwindcss').Config} */ export default { + darkMode: ['class'], content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'], plugins: [starlightPlugin()], }; From 5440fe94be5907a547215115276e918a6a318b5e Mon Sep 17 00:00:00 2001 From: Dominik Kundel Date: Wed, 4 Jun 2025 12:16:14 -0700 Subject: [PATCH 2/2] use inline svg --- docs/src/components/Logo.astro | 59 ++++++++++++++++++++++++++++++ docs/src/components/Title.astro | 59 +----------------------------- docs/src/content/docs/index.mdx | 2 +- docs/src/content/docs/ja/index.mdx | 2 +- docs/src/styles/global.css | 10 ++--- 5 files changed, 68 insertions(+), 64 deletions(-) create mode 100644 docs/src/components/Logo.astro diff --git a/docs/src/components/Logo.astro b/docs/src/components/Logo.astro new file mode 100644 index 00000000..3a614354 --- /dev/null +++ b/docs/src/components/Logo.astro @@ -0,0 +1,59 @@ +--- +const { height = 24, alt = 'OpenAI Agents SDK' } = Astro.props; +--- + + diff --git a/docs/src/components/Title.astro b/docs/src/components/Title.astro index 73624d2e..cad959d8 100644 --- a/docs/src/components/Title.astro +++ b/docs/src/components/Title.astro @@ -1,60 +1,5 @@ --- -import { Image } from 'astro:assets'; -import logo from '../assets/light-logo.svg'; -import wordmark from '../assets/light-wordmark.svg'; -import darkLogo from '../assets/dark-logo.svg'; -import darkWordmark from '../assets/dark-wordmark.svg'; +import Logo from './Logo.astro'; --- - -

- - OpenAI Agents SDK - - OpenAI Agents SDK -

- - - + diff --git a/docs/src/content/docs/index.mdx b/docs/src/content/docs/index.mdx index b4bc959f..388d0430 100644 --- a/docs/src/content/docs/index.mdx +++ b/docs/src/content/docs/index.mdx @@ -1,5 +1,5 @@ --- -title: OpenAI Agents SDK +title: OpenAI Agents SDK for TypeScript description: The OpenAI Agents SDK for TypeScript enables you to build agentic AI apps in a lightweight, easy-to-use package with very few abstractions. --- diff --git a/docs/src/content/docs/ja/index.mdx b/docs/src/content/docs/ja/index.mdx index d2298406..3f54dd2e 100644 --- a/docs/src/content/docs/ja/index.mdx +++ b/docs/src/content/docs/ja/index.mdx @@ -1,5 +1,5 @@ --- -title: OpenAI Agents SDK +title: OpenAI Agents SDK for TypeScript description: The OpenAI Agents SDK for TypeScript enables you to build agentic AI apps in a lightweight, easy-to-use package with very few abstractions. --- diff --git a/docs/src/styles/global.css b/docs/src/styles/global.css index 165bc3d2..7ea47ea9 100644 --- a/docs/src/styles/global.css +++ b/docs/src/styles/global.css @@ -126,7 +126,7 @@ --openai-toc-highlight: #353740; --openai-code-background: var(--openai-gray-05); --openai-code-border-color: var(--openai-gray-1); - --openai-title-color: var(--sl-color-text); + --openai-title-color: #000000; --openai-code-highlight-color: var(--openai-gray-1); --openai-hero-background: var(--openai-gray-05); --sl-color-bg-sidebar: var(--openai-light-gray) !important; @@ -144,6 +144,10 @@ --sl-content-width: 60rem !important; } + .openai-logo { + color: var(--openai-title-color) !important; + } + .content-panel:first-of-type { padding-top: var(--sl-content-pad-x) !important; } @@ -337,10 +341,6 @@ } } - ul[role='tablist'] { - border-bottom: 1px solid var(--openai-gray-05); - } - .tab a { padding: 0.25rem 1rem; margin-top: 0.5rem;