mirror of
https://github.com/fosrl/docs-v2.git
synced 2026-07-20 14:51:28 +02:00
add new styles
This commit is contained in:
miloschwartz
37
docs.json
37
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"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
167
style.css
167
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;
|
||||
|
||||
Reference in New Issue
Block a user