diff --git a/.changeset/fix-docs-logo-display.md b/.changeset/fix-docs-logo-display.md new file mode 100644 index 0000000000..5cb296e136 --- /dev/null +++ b/.changeset/fix-docs-logo-display.md @@ -0,0 +1,5 @@ +--- +"adcontextprotocol": patch +--- + +Fix documentation logo display and dark mode support. Updated favicon to use AdCP logo instead of old Docusaurus dinosaur icon. Improved dark mode navbar styling across documentation site. diff --git a/docs.json b/docs.json index 586186f559..61c07c1e7e 100644 --- a/docs.json +++ b/docs.json @@ -2,10 +2,10 @@ "$schema": "https://mintlify.com/schema.json", "name": "AdCP - Ad Context Protocol", "logo": { - "light": "logo/light.svg", - "dark": "logo/dark.svg" + "light": "/logo/light.svg", + "dark": "/logo/dark.svg" }, - "favicon": "static/img/favicon.ico", + "favicon": "/img/favicon.ico", "theme": "mint", "colors": { "primary": "#0D9373", @@ -218,5 +218,6 @@ "modeToggle": { "default": "light", "isHidden": false - } + }, + "css": ["/mintlify.css"] } diff --git a/img/favicon.ico b/img/favicon.ico index c01d54bcd3..a923da069f 100644 Binary files a/img/favicon.ico and b/img/favicon.ico differ diff --git a/mintlify.css b/mintlify.css new file mode 100644 index 0000000000..e4ae36f6cd --- /dev/null +++ b/mintlify.css @@ -0,0 +1,20 @@ +/* Custom Mintlify styles */ + +/* Logo sizing in sidebar - match the navbar style */ +.navbar__logo img, +img[alt*="Logo"], +img[src*="/logo/"] { + height: 32px !important; + width: auto !important; +} + +/* Dark mode navbar support for Mintlify */ +[data-theme="dark"] nav[aria-label="Main"] { + background-color: #1b1b1d !important; + border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; +} + +[data-theme="dark"] .navbar__link, +[data-theme="dark"] .navbar__title { + color: #fff !important; +} diff --git a/public/img/favicon.ico b/public/img/favicon.ico index c01d54bcd3..a923da069f 100644 Binary files a/public/img/favicon.ico and b/public/img/favicon.ico differ diff --git a/server/public/img/favicon.ico b/server/public/img/favicon.ico index c01d54bcd3..a923da069f 100644 Binary files a/server/public/img/favicon.ico and b/server/public/img/favicon.ico differ diff --git a/server/public/nav.js b/server/public/nav.js index 78a0c95381..9d836bd403 100644 --- a/server/public/nav.js +++ b/server/public/nav.js @@ -49,7 +49,8 @@
AdCP @@ -110,11 +111,13 @@ .navbar__logo { display: flex; align-items: center; + min-width: 50px; + min-height: 20px; } .navbar__logo img { - height: 32px; - width: 32px; + height: 20px; + width: auto; display: block; } @@ -141,6 +144,58 @@ color: #10b981; font-weight: 600; } + + /* Logo switching for dark mode */ + .logo-dark { + display: none; + } + + /* Dark mode support */ + @media (prefers-color-scheme: dark) { + .navbar { + background: #1b1b1d; + box-shadow: 0 1px 2px 0 rgba(255,255,255,.1); + } + + .navbar__title, + .navbar__link { + color: #fff; + } + + .navbar__link:hover { + background: rgba(255, 255, 255, 0.1); + } + + .logo-light { + display: none; + } + + .logo-dark { + display: block; + } + } + + [data-theme="dark"] .navbar { + background: #1b1b1d; + box-shadow: 0 1px 2px 0 rgba(255,255,255,.1); + } + + [data-theme="dark"] .navbar__title, + [data-theme="dark"] .navbar__link { + color: #fff; + } + + [data-theme="dark"] .navbar__link:hover { + background: rgba(255, 255, 255, 0.1); + } + + [data-theme="dark"] .logo-light { + display: none; + } + + [data-theme="dark"] .logo-dark { + display: block; + } `; diff --git a/server/public/shared-nav.html b/server/public/shared-nav.html index 3f524dee51..4837835fcf 100644 --- a/server/public/shared-nav.html +++ b/server/public/shared-nav.html @@ -4,7 +4,8 @@
AdCP @@ -27,6 +28,45 @@ --ifm-navbar-shadow: 0 1px 2px 0 rgba(0,0,0,.1); } + /* Dark mode support */ + @media (prefers-color-scheme: dark) { + :root { + --ifm-navbar-background-color: #1b1b1d; + --ifm-navbar-link-color: #fff; + --ifm-navbar-link-hover-color: #667eea; + --ifm-navbar-shadow: 0 1px 2px 0 rgba(255,255,255,.1); + } + } + + [data-theme="dark"] { + --ifm-navbar-background-color: #1b1b1d; + --ifm-navbar-link-color: #fff; + --ifm-navbar-link-hover-color: #667eea; + --ifm-navbar-shadow: 0 1px 2px 0 rgba(255,255,255,.1); + } + + /* Logo switching for dark mode */ + .logo-dark { + display: none; + } + + @media (prefers-color-scheme: dark) { + .logo-light { + display: none; + } + .logo-dark { + display: block; + } + } + + [data-theme="dark"] .logo-light { + display: none; + } + + [data-theme="dark"] .logo-dark { + display: block; + } + .navbar__link:hover { background: rgba(102, 126, 234, 0.1); color: var(--ifm-navbar-link-hover-color); diff --git a/static/img/adcp_logo.svg b/static/img/adcp_logo.svg deleted file mode 100644 index 1fa2da7a4b..0000000000 --- a/static/img/adcp_logo.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/static/img/favicon.ico b/static/img/favicon.ico index c01d54bcd3..a923da069f 100644 Binary files a/static/img/favicon.ico and b/static/img/favicon.ico differ diff --git a/static/img/logo.svg b/static/img/logo.svg deleted file mode 100644 index 9db6d0d066..0000000000 --- a/static/img/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file