diff --git a/docs/fonts/NVIDIASans_W_Bd.woff b/docs/fonts/NVIDIASans_W_Bd.woff
new file mode 100644
index 0000000000..1c2dff9798
Binary files /dev/null and b/docs/fonts/NVIDIASans_W_Bd.woff differ
diff --git a/docs/fonts/NVIDIASans_W_Bd.woff2 b/docs/fonts/NVIDIASans_W_Bd.woff2
new file mode 100644
index 0000000000..c0fe1a6a7d
Binary files /dev/null and b/docs/fonts/NVIDIASans_W_Bd.woff2 differ
diff --git a/docs/fonts/NVIDIASans_W_Md.woff b/docs/fonts/NVIDIASans_W_Md.woff
new file mode 100644
index 0000000000..c101676e15
Binary files /dev/null and b/docs/fonts/NVIDIASans_W_Md.woff differ
diff --git a/docs/fonts/NVIDIASans_W_Md.woff2 b/docs/fonts/NVIDIASans_W_Md.woff2
new file mode 100644
index 0000000000..8ca64e7b4a
Binary files /dev/null and b/docs/fonts/NVIDIASans_W_Md.woff2 differ
diff --git a/docs/fonts/NVIDIASans_W_Rg.woff b/docs/fonts/NVIDIASans_W_Rg.woff
new file mode 100644
index 0000000000..4dc0426e11
Binary files /dev/null and b/docs/fonts/NVIDIASans_W_Rg.woff differ
diff --git a/docs/fonts/NVIDIASans_W_Rg.woff2 b/docs/fonts/NVIDIASans_W_Rg.woff2
new file mode 100644
index 0000000000..ac94785552
Binary files /dev/null and b/docs/fonts/NVIDIASans_W_Rg.woff2 differ
diff --git a/docs/home/documentation-library.md b/docs/home/documentation-library.md
index 0df55ef97a..879e839fb3 100644
--- a/docs/home/documentation-library.md
+++ b/docs/home/documentation-library.md
@@ -22,7 +22,7 @@ To get support use the following channels:
* Or submit a ticket by clicking the button below:
-[Submit a Ticket](https://runai.secure.force.com/casesupport/CreateCaseForm){target=_blank .md-button .custom-ticket-button}
+[Submit a Ticket](https://www.nvidia.com/en-eu/support/enterprise/#contact-us){target=_blank .md-button .custom-ticket-button}
diff --git a/docs/images/NVIDIA_Logo_docV1.svg b/docs/images/NVIDIA_Logo_docV1.svg
new file mode 100644
index 0000000000..b55e22d658
--- /dev/null
+++ b/docs/images/NVIDIA_Logo_docV1.svg
@@ -0,0 +1,15 @@
+
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 9221c0fc25..06850b8ab4 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -1,156 +1,379 @@
-/* :root {
+/* Optional custom code colors */
+:root {
--md-code-bg-color: rgb(120, 150, 85);
--md-code-fg-color: #ECB7B7;
-} */
+}
+/* Header styling */
.md-header {
- background-color: #232837 !important;
+ background-color: #000000 !important;
+ top: 32px;
+}
+
+.md-header__title {
+ font-family: "Roboto", sans-serif !important;
+ font-weight: 600 !important;
+ font-size: 16px !important;
+ line-height: 18.75px !important;
+ color: #FFFFFF !important;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ width: 145px !important;
+ height: 24px !important;
}
+/* Tabs styling */
.md-tabs {
- /* background-image: url(../assets/images/second-nav-blue.png); */
background-color: #FAFAFA !important;
font-weight: bold;
- color: #000000
+ color: #000000;
}
-/* Footer */
-.md-footer-nav {
- /* background-image: url(../assets/images/second-nav-blue.png); */
- background-color: rgb(0, 76, 117) !important;
+.md-tabs__link {
+ font-family: "MyFont", sans-serif !important;
+ font-weight: 600 !important;
+ font-size: 14px !important;
+ color: #6B6B6B !important;
+}
- /* max-height: 90px; */
+.md-tabs__link:hover {
+ color: #232837 !important;
}
+.md-tabs__item--active > .md-tabs__link {
+ color: #232837 !important;
+}
+
+/* Search bar styling */
+.md-search__form {
+ background-color: rgba(255, 255, 255, 0.2) !important;
+ border-radius: 4px;
+ transition: background-color 0.3s ease-in-out;
+}
+
+.md-search__input::placeholder {
+ color: rgba(255, 255, 255, 0.8) !important;
+}
+
+.md-search__input:focus,
+.md-search__input:not(:placeholder-shown) {
+ background-color: rgba(255, 255, 255, 1) !important;
+ color: #000000 !important;
+}
+
+.md-search__icon {
+ color: inherit !important;
+}
+
+/* Footer */
+.md-footer-nav {
+ background-color: rgb(0, 76, 117) !important;
+}
.md-footer-meta {
background-color: rgb(0, 76, 117) !important;
border-top: 1px solid #1b2532 !important;
}
-.md-header-nav__button.md-logo img, .md-header-nav__button.md-logo svg {
- width: 50px
-}
-.custom-ticket-button {
- background-color: #0654FE !important; /* Change to your preferred color */
+.md-button.custom-ticket-button {
+ background-color: #76B900 !important;
color: white !important;
- font-weight: bold;
- border-radius: 5px;
- padding: 10px 15px;
- text-decoration: none;
+ font-family: 'MyFont', sans-serif !important;
+ font-weight: 600 !important;
+ font-size: 16px !important;
+ line-height: 20px !important;
+ padding: 12px 20px !important;
+ border-radius: 4px !important;
+ text-decoration: none !important;
+ box-shadow: none !important;
+ border: none !important;
+ display: inline-block !important;
+ min-width: 220px;
+ text-align: center;
+ }
+
+
+
+/* Logo adjustments */
+.md-header__button.md-logo img {
+ max-height: 24px !important;
+ height: auto;
+ width: auto;
}
-/* ✅ Restore Original Search Box Styling */
-.md-search__form {
- background-color: transparent !important; /* Keep search bar background transparent */
- border-radius: 5px; /* Restore rounded corners */
- border: none !important;
+html .md-nav__button.md-logo img {
+ width: 104px !important;
+ height: 30px !important;
}
-/* ✅ Make Search Input Text White */
-.md-search__input {
- background-color: rgba(255, 255, 255, 0.2) !important; /* Transparent background */
- color: #ffffff !important; /* White text */
- border: none !important;
+/* Responsive logo sizing */
+@media only screen and (max-width: 1024px) {
+ html .md-header-nav__button.md-logo img,
+ html .md-header-nav__button.md-logo svg,
+ html .md-nav__button.md-logo img {
+ width: 70px !important;
+ height: 20px !important;
+ }
}
-/* ✅ Ensure Placeholder is Readable */
-.md-search__input::placeholder {
- color: rgba(255, 255, 255, 0.6) !important; /* Light gray placeholder */
+@media only screen and (max-width: 768px) {
+ html .md-header-nav__button.md-logo img,
+ html .md-header-nav__button.md-logo svg,
+ html .md-nav__button.md-logo img {
+ width: 50px !important;
+ height: 15px !important;
+ }
}
-/* ✅ Expand Search Box on Click */
-.md-search__input:focus {
- background-color: #ffffff !important; /* White background only when typing */
- color: #232837 !important; /* Dark text when expanded */
+@media only screen and (max-width: 480px) {
+ html .md-header-nav__button.md-logo img,
+ html .md-header-nav__button.md-logo svg,
+ html .md-nav__button.md-logo img {
+ width: 40px !important;
+ height: 12px !important;
+ }
}
-/* ✅ Ensure Search Results Stay White */
-.md-search-result {
- background-color: #ffffff !important; /* White background */
- color: #232837 !important; /* Dark text */
+/* Mobile nav bar */
+@media only screen and (max-width: 76.1875em) {
+ html .md-nav--primary .md-nav__title--site,
+ html .md-nav--primary .md-nav__title {
+ background-color: #232837 !important;
+ border-bottom: 1px solid #1b2532 !important;
+ color: #ffffff;
+ }
+
+ .md-nav__source {
+ background-color: #232837 !important;
+ }
+
+ html .md-nav--primary .md-nav__title::before {
+ color: #ffffff;
+ }
}
-/* ✅ Fix Search Result Titles & Meta Text */
-.md-search-result__meta {
- color: #232837 !important; /* Darker text for readability */
- font-weight: 500;
+/* Swagger override */
+.microlight > code {
+ background: transparent;
+ color: white;
+}
+
+/* Remove icon from custom admonition */
+.md-typeset .admonition.runai > .admonition-title::before,
+.md-typeset details.runai > summary::before {
+ content: none !important;
}
-/* ✅ Fix Search Result Links */
-.md-search-result__link {
- color: #0654FE !important; /* Keep links blue */
+/* Font definitions */
+@font-face {
+ font-family: 'MyFont';
+ src: url('../fonts/NVIDIASans_W_Rg.woff2') format('woff2');
+ font-weight: 400;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'MyFont';
+ src: url('../fonts/NVIDIASans_W_Md.woff2') format('woff2');
font-weight: 600;
+ font-style: normal;
}
-/* ✅ Improve Highlighted Search Terms */
-.md-search-result__link em {
- color: #f8c24d !important; /* Yellow highlight */
- font-weight: bold;
+@font-face {
+ font-family: 'MyFont';
+ src: url('../fonts/NVIDIASans_W_Bd.woff2') format('woff2');
+ font-weight: 700;
+ font-style: normal;
}
+/* Apply global custom font */
+:root {
+ --md-text-font: "MyFont", sans-serif;
+ --md-header-font: "MyFont", sans-serif;
+}
+/* Heading styles */
+.md-content__inner h1,
+.md-typeset h1 {
+ font-family: "MyFont", sans-serif;
+ font-weight: 700;
+ color: #232323;
+}
+.md-typeset h2 {
+ font-family: "MyFont", sans-serif;
+ font-weight: 600;
+ color: #232323;
+}
-/* Apply same font, weight, and size to all tabs */
-.md-tabs__link {
- font-family: "Roboto", sans-serif !important;
- font-weight: 600 !important; /* Semi-Bold */
- font-size: 14px !important;
- color: #838383 !important; /* Default color for non-selected tabs */
+.md-typeset h3 {
+ font-family: "MyFont", sans-serif;
+ font-weight: 600;
+ color: #232323;
}
-/* Style only the active (selected) tab */
-.md-tabs__item--active > .md-tabs__link {
- color: #232837 !important; /* Dark blue-gray for selected tab */
+.md-typeset h4,
+.md-typeset h5,
+.md-typeset h6 {
+ font-family: "MyFont", sans-serif;
+ font-weight: 400;
+ color: #232323;
}
-/* Hide the default GitHub icon */
-.md-header__source .md-source__icon {
- display: none !important;
+/* Left + right nav shared base font */
+.md-nav__title,
+.md-nav__link,
+.md-sidebar--secondary .md-nav__link {
+ font-family: "MyFont", sans-serif;
+ font-weight: 400;
}
-/* Ensure the new GitHub PNG icon appears correctly */
-.md-header__source a {
- display: flex;
- align-items: center;
+/* LEFT sidebar nav – active or expanded links */
+.md-sidebar .md-nav__link--active,
+.md-sidebar .md-nav__item--active > .md-nav__link {
+ color: #76B900 !important;
+ font-weight: 600;
}
-/* Style for the new GitHub icon */
-.md-header__source a img {
- width: 24px !important; /* Adjust size */
- height: 24px !important;
- margin-right: 5px; /* Keep spacing consistent */
- vertical-align: middle;
+/* LEFT sidebar nav – hover effect */
+.md-sidebar .md-nav__link:hover {
+ color: #76B900 !important;
}
+/* RIGHT sidebar (TOC) active + hover */
+.md-sidebar--secondary .md-nav__link--active {
+ color: #76B900 !important;
+ font-weight: 600;
+ border-left: 2px solid #76B900;
+ padding-left: 0.6rem;
+}
-/* for the mobile nav bar */
-@media only screen and (max-width: 76.1875em) {
+.md-sidebar--secondary .md-nav__link:hover {
+ color: #76B900 !important;
+}
- html .md-nav--primary .md-nav__title--site {
- background-color: #232837 !important;
- border-bottom: 1px solid #1b2532 !important;
- }
+/* Remove default browser blue focus ring on nav links */
+.md-nav__link:focus {
+ outline: none !important;
+ box-shadow: none !important;
+ border-color: transparent !important;
+}
- .md-nav__source {
- background-color: #232837 !important;
- }
+/* Optional: reintroduce a subtle green focus ring for accessibility */
+.md-nav__link:focus-visible {
+ outline: none;
+ box-shadow: 0 0 0 2px #76B900;
+ border-radius: 4px;
+}
- html .md-nav--primary .md-nav__title {
- background-color: #232837 !important;
- border-bottom: 1px solid #1b2532 !important;
- color: #ffffff;
- }
+/* Force all rendered Markdown links to use the correct style */
+.md-typeset a,
+.md-typeset a:visited {
+ color: #232323 !important;
+ text-decoration: none;
+ box-shadow: inset 0 -1px 0 0 #76B900;
+ transition: box-shadow 0.2s ease;
+}
- html .md-nav--primary .md-nav__title::before {
- color: #ffffff;
- }
+.md-typeset a:hover,
+.md-typeset a:focus {
+ box-shadow: inset 0 -3px 0 0 #76B900;
+}
+/* Top banner */
+.banner {
+ position: sticky;
+ top: 0;
+ z-index: 1001;
+ background-color: #76B900;
+ padding: 6px 16px;
+ font-family: 'Roboto', sans-serif;
+ font-weight: 600;
+ font-size: 14px;
+ color: white;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 12px;
}
-/* override swagger code */
-.microlight > code {
- background: transparent;
+.banner a {
+ background-color: black;
color: white;
-}
\ No newline at end of file
+ padding: 4px 10px;
+ text-decoration: none;
+ border-radius: 4px;
+ font-size: 14px;
+ font-weight: 600;
+}
+
+
+/* Sidebar: Default all links to black */
+.md-sidebar .md-nav__link {
+ color: #232323 !important;
+ font-weight: 400 !important;
+ }
+
+ /* Only selected (current) link is green and bold */
+ .md-sidebar .md-nav__link--active {
+ color: #76B900 !important;
+ font-weight: 600 !important;
+ }
+
+ /* Expandable section headers: do NOT stay green unless also active */
+ .md-sidebar .md-nav__item--active > .md-nav__link:not(.md-nav__link--active) {
+ color: #232323 !important;
+ font-weight: 400 !important;
+ }
+
+ /* Hovered links */
+ .md-sidebar .md-nav__link:hover {
+ color: #76B900 !important;
+ }
+
+ /* Inline code (e.g. ) fix */
+.md-typeset code {
+ background-color: #f5f5f5;
+ color: #3c3c3c;
+ padding: 0.2em 0.4em;
+ font-size: 85%;
+ border-radius: 4px;
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+ white-space: break-spaces;
+ }
+
+ /* Fix .microlight override (used in Swagger blocks) */
+ .microlight > code {
+ background: none;
+ color: inherit;
+ }
+
+ .md-sidebar .md-nav__link--active:not(.md-nav__link--parent) {
+ color: #76B900 !important;
+ font-weight: 600 !important;
+ border-left: 3px solid #76B900;
+ padding-left: 0.6rem;
+ }
+
+
+/* Remove underline from images wrapped in links */
+.md-typeset a[href] img {
+ box-shadow: none !important;
+ border: none !important;
+ text-decoration: none !important;
+ background: none !important;
+ display: inline-block;
+ }
+
+ /* Remove underline from anchor if it only contains an image */
+ .md-typeset a[href]:has(> img) {
+ box-shadow: none !important;
+ border: none !important;
+ text-decoration: none !important;
+ background: none !important;
+ }
+
+
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index 9ca7e3f73d..32b53fc1ee 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -1,4 +1,4 @@
-site_name: Documentation
+site_name: ""
site_url: https://docs.run.ai/
copyright: Copyright © 2020 - 2025 Run:ai
repo_url: https://github.com/run-ai/docs/
@@ -9,7 +9,7 @@ theme:
custom_dir: overrides
language: en
favicon: images/favicon.ico
- logo: images/RUNAI-LOGO-DIGITAL-2C_WP.svg
+ logo: images/NVIDIA_Logo_docV1.svg
features:
- navigation.indexes
- navigation.tabs
diff --git a/overrides/main.html b/overrides/main.html
index a86b60f0ee..7383586a68 100644
--- a/overrides/main.html
+++ b/overrides/main.html
@@ -1,157 +1,13 @@
{% extends "base.html" %}
+
{% block header %}
-
+
{{ super() }}
-
-
-
-
-
{% endblock %}
{% block analytics %}
@@ -164,19 +20,31 @@
gtag('config', 'G-F88LDKJCCH');
-
+
+
+
+
Explore our new and improved documentation!
+
Learn more
+