varvara-typedoc-theme 0.1.1 → 0.1.2

package/assets/overrides.css

@@ -0,0 +1,217 @@
+:root {
+  --va-collapse-tree-indentation: var(--va-space-4);
+}
+
+html[data-theme='light'] {
+  --va-color-foreground: #29353d;
+  --va-color-background: #f3f5f7;
+  --va-border-color: lightgray;
+}
+html[data-theme='dark'] {
+  --va-color-foreground: #b3ccd6;
+  --va-color-background: #2a303c;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    --va-color-foreground: #29353d;
+    --va-color-background: #f3f5f7;
+    --va-border-color: lightgray;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --va-color-foreground: #b3ccd6;
+    --va-color-background: #2a303c;
+  }
+}
+
+body {
+  background-color: var(--va-color-background);
+  color: var(--va-color-foreground);
+}
+
+.va-button:has(.version-badge) {
+  position: relative;
+}
+
+.version-badge {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  background-color: var(--va-surface-primary-alt);
+  color: var(--va-color-background);
+  padding: var(--va-space-1);
+  font-size: var(--va-font-size-0);
+}
+
+.page-toolbar {
+  grid-area: header;
+}
+
+.container-main {
+  gap: 1rem;
+}
+
+.search {
+  position: relative;
+  display: flex;
+  margin-bottom: 1rem;
+}
+
+#tsd-search.has-focus {
+  background-color: transparent;
+}
+
+.search input,
+.search a:not([href='#']) {
+  flex: 1;
+}
+
+.search a[href='#'] {
+  display: none;
+}
+
+#tsd-search .field {
+  position: static;
+  width: 100%;
+}
+
+#tsd-search .field label {
+  position: static;
+}
+
+#tsd-search .field input {
+  top: auto;
+  font-size: 1rem;
+  opacity: 1; // Temporally
+}
+
+#tsd-search.has-focus .field input {
+  display: flex;
+}
+
+#tsd-search .results {
+  top: 100%;
+  z-index: 1;
+}
+
+.navigation-links a {
+  display: flex;
+}
+.navigation-links a span {
+  flex: 1;
+}
+
+.navigation-links a svg {
+  color: var(--va-color-foreground);
+}
+
+.navigation-links a:active svg {
+  color: currentColor;
+}
+
+.settings .settings-label {
+  margin-top: 1em;
+  text-transform: none;
+  font-size: var(--va-font-size-0);
+}
+
+.settings ul {
+  list-style: none;
+  padding-left: 0;
+}
+
+.settings .va-select {
+  width: 100%;
+  border-left: 0;
+  border-right: 0;
+  border-bottom: 0;
+}
+
+.settings .va-select-group {
+  padding-left: 0 !important;
+}
+
+.site-menu {
+  margin-top: 0;
+}
+
+.va-collapse {
+  overflow: hidden;
+}
+
+.va-button {
+  display: flex;
+  align-items: center;
+}
+
+.tsd-signature,
+pre {
+  border: var(--va-border-width) solid var(--va-border-color);
+}
+
+pre {
+  border-radius: 0;
+}
+
+footer {
+  border-top: var(--va-border-width) solid var(--va-border-color);
+  padding: 0;
+}
+
+.container {
+  padding: 0 1.5rem;
+}
+
+@media (max-width: 769px) {
+  .page-toolbar {
+    margin-top: 1rem;
+  }
+  .search a[href='#'] {
+    display: inline-block;
+  }
+  .has-menu .col-sidebar {
+    padding: 1rem;
+  }
+  .container-main {
+    flex-direction: column;
+  }
+  html .col-sidebar {
+    background-color: var(--va-color-background);
+  }
+}
+
+@media (min-width: 770px) {
+  .container-main {
+    grid-template-areas: 'header content' 'sidebar content';
+    grid-auto-rows: auto 1fr;
+  }
+  .container {
+    padding: 0 2rem;
+  }
+}
+
+@media (min-width: 1200px) {
+  .container-main {
+    grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr) minmax(0, 20rem);
+    grid-template-areas:
+      'header content toc'
+      'sidebar content toc';
+  }
+  .page-menu,
+  .site-menu {
+    top: 2rem;
+    max-height: calc(100vh - 4rem);
+  }
+}
+
+@media (min-width: 770px) and (max-width: 1399px) {
+  .col-sidebar {
+    padding-top: 0;
+  }
+  .page-menu {
+    margin-bottom: 1rem;
+  }
+}

package/dist/index.js

@@ -441,7 +441,7 @@ class VarvaraTheme extends DefaultTheme2 {
       const destPath = path.resolve(this.application.options.getValue("out"), "assets/varvara.css");
       fs.mkdirSync(path.dirname(destPath), { recursive: true });
       fs.copyFileSync(varvaraCssPath, destPath);
-      fs.cpSync(path.resolve(path.dirname(fileURLToPath(import.meta.url)), "../src/assets/"), path.resolve(this.application.options.getValue("out"), "assets/"), { recursive: true });
+      fs.cpSync(path.resolve(path.dirname(fileURLToPath(import.meta.url)), "../assets/"), path.resolve(this.application.options.getValue("out"), "assets/"), { recursive: true });
     });
     renderer.hooks.on("head.end", (event) => /* @__PURE__ */ JSX6.createElement(JSX6.Fragment, null, /* @__PURE__ */ JSX6.createElement("link", {
       rel: "stylesheet",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "varvara-typedoc-theme",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "author": "Marc Mariné <shenobi@gmail.com>",
   "repository": {
     "type": "git",
@@ -32,6 +32,7 @@
     ".": "./dist/index.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "assets"
   ]
 }