diff --git a/docs.json b/docs.json index 45ac1a8..dc9a99f 100644 --- a/docs.json +++ b/docs.json @@ -14,7 +14,9 @@ } }, "styling": { - "codeblocks": "dark" + "codeblocks": { + "theme": "github-light" + } }, "favicon": "/favicon.png", "navigation": { @@ -294,10 +296,6 @@ { "tab": "Trust Center", "href": "https://trust.pangolin.net/" - }, - { - "tab": "Careers", - "href": "https://pangolin.net/careers" } ], "global": { @@ -372,6 +370,10 @@ "label": "Careers", "href": "https://docs.pangolin.net/careers/join-us" }, + { + "label": "Partners", + "href": "https://docs.pangolin.net/partners" + }, { "label": "Contact", "href": "mailto:contact@pangolin.net" @@ -390,29 +392,24 @@ "href": "https://trust.pangolin.net/" }, { - "label": "Privacy", + "label": "Privacy Policy", "href": "https://pangolin.net/privacy" }, { - "label": "Terms", + "label": "Terms of Service", "href": "https://pangolin.net/tos" - } - ] - }, - { - "header": "Follow", - "items": [ - { - "label": "GitHub", - "href": "https://github.com/fosrl/pangolin" }, { - "label": "LinkedIn", - "href": "https://linkedin.com/company/pangolin-net" + "label": "Data Processing Addendum", + "href": "https://pangolin.net/dpa" }, { - "label": "YouTube", - "href": "https://youtube.com/@pangolin-net" + "label": "Service Level Agreement", + "href": "https://pangolin.net/sla" + }, + { + "label": "Commercial License", + "href": "https://pangolin.net/fcl" } ] } diff --git a/style.css b/style.css index e35c71f..7d8c38e 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,170 @@ +:root { + --pangolin-code-bg: #F2F0E7; + --pangolin-code-border: #BBBBBB; + --pangolin-code-inline-fg: #202020; + --pangolin-code-block-fg: #545454; +} + +/* Inline code: match pangolin.net/news */ +#content-area code:not(pre code) { + background-color: var(--pangolin-code-bg) !important; + border: 1px solid var(--pangolin-code-border) !important; + border-radius: 4px !important; + color: var(--pangolin-code-inline-fg) !important; + font-size: 0.875em !important; + font-weight: 400 !important; + padding: 0.125rem 0.35rem !important; +} + +/* Standalone code blocks */ +#content-area .code-block { + background-color: var(--pangolin-code-bg) !important; + color: var(--pangolin-code-block-fg) !important; + --tw-ring-color: transparent !important; + box-shadow: none !important; +} + +#content-area .code-block .dark\:bg-codeblock, +#content-area .code-block .code-block-background, +#content-area .code-block .bg-white { + background-color: var(--pangolin-code-bg) !important; + padding: 2rem !important; +} + +#content-area .code-block [data-testid="copy-code-button"], +#content-area .code-group [data-testid="copy-code-button"] { + background-color: transparent !important; + backdrop-filter: none !important; + -webkit-backdrop-filter: none !important; +} + +#content-area .code-block [data-testid="copy-code-button"]:hover, +#content-area .code-group [data-testid="copy-code-button"]:hover { + background-color: #E8E7E5 !important; +} + +/* Scroll fade overlay behind copy button */ +#content-area .code-block [data-fade-overlay="true"], +#content-area .code-group [data-fade-overlay="true"] { + --fade-color-light: var(--pangolin-code-bg) !important; + --fade-color-dark: var(--pangolin-code-bg) !important; +} + +#content-area .code-block pre.shiki { + background-color: transparent !important; + --shiki-dark-bg: transparent !important; + --shiki-light-bg: transparent !important; +} + +#content-area .code-block pre.shiki code { + color: var(--pangolin-code-block-fg) !important; + font-size: 16px !important; + line-height: 1.4 !important; +} + +/* CodeGroup tabbed blocks */ +#content-area .code-group { + background-color: var(--pangolin-code-bg) !important; + border: 1px solid #E8E7E5 !important; +} + +#content-area .code-group .dark\:bg-codeblock, +#content-area .code-group .code-block-background, +#content-area .code-group .bg-white { + background-color: var(--pangolin-code-bg) !important; +} + +#content-area .code-group pre.shiki { + background-color: transparent !important; + --shiki-dark-bg: transparent !important; + --shiki-light-bg: transparent !important; +} + +#content-area .code-group pre.shiki code { + color: var(--pangolin-code-block-fg) !important; + font-size: 16px !important; + line-height: 1.4 !important; +} + +#content-area [data-component-part="code-group-tab-bar"] [role="tab"] { + color: var(--pangolin-code-inline-fg) !important; +} + +#content-area [data-component-part="code-group-tab-bar"] [role="tab"][data-state="active"] { + background-color: rgba(32, 32, 32, 0.08) !important; + color: var(--pangolin-code-inline-fg) !important; +} + +/* Image frames: match pangolin beige */ +#content-area .frame { + background-color: var(--pangolin-code-bg) !important; + border: 1px solid rgba(11, 11, 11, 0.1) !important; +} + +/* Mintlify grid pattern behind images */ +#content-area .frame > .absolute.inset-0[class*="bg-grid"] { + display: none !important; +} + +/* Mintlify adds a second inset border overlay — remove to match code blocks */ +#content-area .frame > .absolute.inset-0.pointer-events-none { + border: none !important; +} + +#content-area .frame.bg-gray-50\/50, +#content-area .frame.dark\:bg-gray-800\/25 { + background-color: var(--pangolin-code-bg) !important; +} + +/* Callouts: beige background with colored outline */ +#content-area .callout { + background-color: var(--pangolin-code-bg) !important; + border: 1px solid #E8E7E5 !important; + color: var(--pangolin-code-inline-fg) !important; +} + +#content-area .callout.bg-blue-50, +#content-area .callout.bg-yellow-50, +#content-area .callout.bg-green-50, +#content-area .callout.bg-neutral-50, +#content-area .callout.bg-red-50, +#content-area .callout.dark\:bg-blue-600\/20, +#content-area .callout.dark\:bg-yellow-600\/20, +#content-area .callout.dark\:bg-green-600\/20, +#content-area .callout.dark\:bg-neutral-600\/20, +#content-area .callout.dark\:bg-red-600\/20 { + background-color: var(--pangolin-code-bg) !important; +} + +#content-area .callout.border-blue-200, +#content-area .callout.dark\:border-blue-900 { + border-color: #2563eb !important; +} + +#content-area .callout.border-yellow-200, +#content-area .callout.dark\:border-yellow-900 { + border-color: #ca8a04 !important; +} + +#content-area .callout.border-green-200, +#content-area .callout.dark\:border-green-900 { + border-color: #16a34a !important; +} + +#content-area .callout.border-neutral-200, +#content-area .callout.dark\:border-neutral-900 { + border-color: #525252 !important; +} + +#content-area .callout.border-red-200, +#content-area .callout.dark\:border-red-900 { + border-color: #dc2626 !important; +} + +#content-area .callout [data-component-part="callout-content"] { + color: var(--pangolin-code-inline-fg) !important; +} + /* Hide the Pangolin Cloud CTA source wrapper so it doesn't show in main content before the script moves it to the TOC */ .pangolin-toc-cta-source { display: none !important;