tolaria/site/.vitepress/theme/styles.css

@font-face {
  font-family: "RefactoringSans";
  src: url("./assets/RefactoringSans.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400 900;
}

:root {
  --vp-font-family-base:
    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vp-font-family-mono: "SF Mono", "Fira Code", ui-monospace, monospace;
  --tolaria-font-brand:
    "RefactoringSans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --tolaria-bg: #faf9f5;
  --tolaria-surface: #ffffff;
  --tolaria-surface-muted: #f7f6f3;
  --tolaria-text: #1a1a18;
  --tolaria-text-secondary: #6b6b60;
  --tolaria-text-muted: #9b9b90;
  --tolaria-border: #e5e5e0;
  --tolaria-blue: #155dff;
  --tolaria-blue-hover: #4a5ad6;
  --tolaria-blue-soft: #e8eeff;
  --vp-c-bg: var(--tolaria-surface);
  --vp-c-bg-alt: var(--tolaria-surface-muted);
  --vp-c-bg-elv: var(--tolaria-surface);
  --vp-c-bg-soft: var(--tolaria-surface-muted);
  --vp-c-text-1: var(--tolaria-text);
  --vp-c-text-2: var(--tolaria-text-secondary);
  --vp-c-text-3: var(--tolaria-text-muted);
  --vp-c-border: var(--tolaria-border);
  --vp-c-divider: var(--tolaria-border);
  --vp-c-brand-1: var(--tolaria-blue);
  --vp-c-brand-2: var(--tolaria-blue-hover);
  --vp-c-brand-3: var(--tolaria-blue);
  --vp-c-brand-soft: var(--tolaria-blue-soft);
  --vp-button-brand-bg: var(--tolaria-blue);
  --vp-button-brand-hover-bg: var(--tolaria-blue-hover);
  --vp-button-brand-border: var(--tolaria-blue);
  --vp-code-bg: #eeeeea;
  --vp-code-color: var(--tolaria-text-secondary);
}

.dark {
  --vp-c-bg: #1f1e1b;
  --vp-c-bg-alt: #191814;
  --vp-c-bg-elv: #23221f;
  --vp-c-bg-soft: #23221f;
  --vp-c-text-1: #e6e1d8;
  --vp-c-text-2: #b8b1a6;
  --vp-c-text-3: #7f776d;
  --vp-c-border: #34322d;
  --vp-c-divider: #34322d;
  --vp-c-brand-1: #78a4ff;
  --vp-c-brand-2: #9bbeff;
  --vp-c-brand-3: #78a4ff;
  --vp-c-brand-soft: rgba(120, 164, 255, 0.16);
  --vp-code-bg: #2d2b27;
  --vp-code-color: #d8d1c6;
}

html,
body,
#app {
  background: var(--vp-c-bg);
}

html.tolaria-landing-page,
html.tolaria-landing-page body,
html.tolaria-landing-page #app {
  background: var(--tolaria-bg);
}

.VPNavBarTitle .logo {
  width: auto;
  height: 28px;
}

.VPNavBarTitle .title {
  color: var(--vp-c-text-1);
  font-family: var(--tolaria-font-brand);
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0;
}

.tolaria-landing-shell {
  --vp-c-bg: var(--tolaria-bg);
  --vp-nav-bg-color: var(--tolaria-bg);
}

.tolaria-landing-shell .VPNav,
.tolaria-landing-shell .VPNavBar,
.tolaria-landing-shell .VPNavBar:not(.has-sidebar):not(.home.top),
.tolaria-landing-shell .VPNavBar:not(.home.top) .content-body,
.tolaria-landing-shell .VPNavBar .content-body {
  background: var(--tolaria-bg);
  background-color: var(--tolaria-bg);
  backdrop-filter: blur(14px);
}

.tolaria-landing-shell .VPNavBar .wrapper,
.tolaria-landing-shell .VPNavBar .container {
  width: min(100%, 1280px);
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}

.tolaria-landing-shell .VPNavBar .wrapper {
  padding-right: 20px;
  padding-left: 20px;
}

.tolaria-landing-shell .landing-container {
  width: min(100%, 1280px);
}

@media (min-width: 768px) {
  .tolaria-landing-shell .VPNavBar .wrapper {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.tolaria-landing-shell .VPNavBar .divider,
.tolaria-landing-shell .VPNavBar .divider-line {
  display: none;
  background-color: transparent;
}

.tolaria-landing-shell .VPNavBar .divider-line {
  opacity: 0;
  transition: opacity 160ms ease;
}

.VPNavBar {
  position: relative;
  z-index: calc(var(--vp-z-index-nav) + 2);
}

.tolaria-landing-shell .VPLocalNav {
  display: none;
}

.VPNavScreen {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  bottom: auto !important;
  height: calc(100vh - var(--vp-nav-height) - var(--vp-layout-top-height, 0px)) !important;
  z-index: calc(var(--vp-z-index-nav) + 1);
  background: var(--vp-c-bg);
}

.tolaria-scrolled .tolaria-landing-shell .VPNav {
  box-shadow: 0 10px 24px rgba(26, 26, 24, 0.06);
}

.tolaria-scrolled .tolaria-landing-shell .VPNavBar .divider-line {
  opacity: 1;
}

.DocSearch-Button {
  border-radius: 999px;
}

.tolaria-landing-shell .DocSearch-Button {
  border: 1px solid var(--tolaria-border);
  background: #fff;
}

.vp-doc h1,
.vp-doc h2,
.vp-doc h3 {
  letter-spacing: 0;
}

.vp-doc a,
.VPNavBarMenuLink.active,
.VPLink.active {
  color: var(--vp-c-brand-1);
}

.vp-doc table {
  display: table;
  width: 100%;
}

.vp-doc th {
  color: var(--vp-c-text-1);
  background: var(--vp-c-bg-soft);
}

.vp-doc td,
.vp-doc th {
  border-color: var(--vp-c-divider);
}

.tolaria-landing-shell .VPContent,
.tolaria-landing-shell .VPPage,
.tolaria-landing-shell .VPDoc,
.tolaria-landing-shell .VPDoc .container,
.tolaria-landing-shell .VPDoc .content,
.tolaria-landing-shell .VPDoc .content-container,
.tolaria-landing-shell .VPDoc .main,
.tolaria-landing-shell .vp-doc {
  max-width: none;
  padding: 0;
  margin: 0;
}

@media (min-width: 960px) {
  .tolaria-landing-shell .VPContent {
    padding-top: var(--vp-nav-height);
  }
}

.tolaria-landing-shell .vp-doc > div {
  width: 100%;
}

.tolaria-landing-shell .vp-doc a {
  text-decoration: none;
}

.tolaria-landing-shell .VPFooter {
  display: none;
}