/* Note core colors
    "primary": "#1488fc",
    "light": "#1488fc",
    "dark": "#2BA6FF"
    pale blue #D8F1FF
*/

:root {
  --button-bg: white;
}

.bolt-inline-image {
  display: inline;
  margin: 0;
}

/* soften the links */
.link {
  font-weight: 300;
}

.bolt-help-center-logo-link {
  border-left: 1px solid rgb(159 162 166);
  font-size: 1em;
  font-weight: 400;
  padding-left: 1em;
}

/* make left nav have same background as rest of page */
#sidebar-content {
  background: none;
}

// Utility function to get parents
function getParentNode(element, position) {
    if (!element || position === 0) return element;
    return getParentNode(element.parentNode, position - 1);
}

// --- Add Help Center link adjacent to logo ---

// Create the new element
const helpCenterLink = document.createElement("a");
const helpCenterLinkText = document.createTextNode("Help Center");
helpCenterLink.appendChild(helpCenterLinkText);
helpCenterLink.setAttribute("href", "https://support.bolt.new/");
helpCenterLink.setAttribute("class", "bolt-help-center-logo-link")

// Get the element to attach to
// The selector should be safe: https://mintlify.com/docs/settings/custom-scripts#using-identifiers-and-selectors
const defaultLogo = document.getElementsByClassName('nav-logo')[0];
// This is not so safe, if the theme DOM changes
const logoContainer = getParentNode(defaultLogo, 2);

// And append
logoContainer.appendChild(helpCenterLink);




What you can build

For both technical users and learners

Bolt and StackBlitz

Pricing

What is Bolt, how does it work, and resources to use Bolt effectively.