style.css

/**
 * Customize default theme styling by overriding CSS variables:
 * https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css
 */

@import url("vars.css");
@import url("fonts.css");


/**
 * Component: Global Layout
 * -------------------------------------------------------------------------- */

.VPContent {
  background: linear-gradient(180.84deg,hsla(0,0%,53.3%,.04) -11.6%,rgba(123,97,255,.05) 113.41%);
}

.VPNav {
  .VPNavBar:not(.home) {
    background-color: var(--vp-nav-bg-color) !important;

    .divider {
      display: none;
    }
  }
}

.aside-curtain {
  display: none;
}

/**
 * Component: Home
 * -------------------------------------------------------------------------- */

:root {
  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: -webkit-linear-gradient(
    120deg,
    #bd34fe 30%,
    #41d1ff
  );

  --vp-home-hero-image-background-image: linear-gradient(
    -45deg,
    #bd34fe 50%,
    #47caff 50%
  );
  --vp-home-hero-image-filter: blur(44px);
}

@media (min-width: 640px) {
  :root {
    --vp-home-hero-image-filter: blur(56px);
  }
}

@media (min-width: 960px) {
  :root {
    --vp-home-hero-image-filter: blur(68px);
  }
  .VPSidebar {
    margin-top: var(--vp-nav-height);
    padding-top: 0 !important;
  }
  .curtain {
    display: none;
  }
}

/**
 * Component: Custom Block
 * -------------------------------------------------------------------------- */

:root {
  --vp-custom-block-tip-border: transparent;
  --vp-custom-block-tip-text: var(--vp-c-text-1);
  --vp-custom-block-tip-bg: var(--vp-c-brand-soft);
  --vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);
}

/**
 * Component: Algolia
 * -------------------------------------------------------------------------- */

.DocSearch {
  --docsearch-primary-color: var(--vp-c-brand-1) !important;
}

.DocSearch-Button {
  background-color: var(--vp-c-bg-soft);
}

.content * + h1,
.content * + h2,
.content * + h3,
.content * + h4,
.content * + h5 {
  margin-top: 1.3em;
}