varvara-typedoc-theme 0.3.0 → 0.3.2

package/README.md

@@ -71,31 +71,31 @@ Varvara CSS provides variables to customize the theme appearance:
 
 @media (prefers-color-scheme: light) {
   :root {
-    --va-color-foreground: DimGray;
-    --va-color-background: WhiteSmoke;
+    --va-foreground-color-default: DimGray;
+    --va-background-color-default: WhiteSmoke;
     --va-border-color: Gainsboro;
     --va-space-ratio: 0.5;
   }
 }
 @media (prefers-color-scheme: dark) {
   :root {
-    --va-color-foreground: Silver;
-    --va-color-background: MidnightBlue;
+    --va-foreground-color-default: Silver;
+    --va-background-color-default: MidnightBlue;
     --va-border-color: RoyalBlue;
     --va-space-ratio: 0.5;
   }
 }
 
 [data-theme='light'] {
-  --va-color-foreground: DimGray;
-  --va-color-background: WhiteSmoke;
+  --va-foreground-color-default: DimGray;
+  --va-background-color-default: WhiteSmoke;
   --va-border-color: Gainsboro;
   --va-space-ratio: 0.5;
 }
 
 [data-theme='dark'] {
-  --va-color-foreground: Silver;
-  --va-color-background: MidnightBlue;
+  --va-foreground-color-default: Silver;
+  --va-background-color-default: MidnightBlue;
   --va-border-color: RoyalBlue;
   --va-space-ratio: 0.5;
 }

package/assets/overrides.css

@@ -23,11 +23,6 @@
   flex: 1;
 }
 
-body {
-  background-color: var(--va-color-background);
-  color: var(--va-color-foreground);
-}
-
 a {
   color: var(--va-color-primary);
 }
@@ -40,8 +35,8 @@ a {
   position: absolute;
   right: 0;
   bottom: 0;
-  background-color: var(--va-surface-primary-alt);
-  color: var(--va-color-background);
+  background-color: var(--va-foreground-color-muted);
+  color: var(--va-background-color-default);
   padding: var(--va-space-1);
   font-size: var(--va-font-size-0);
 }
@@ -61,37 +56,23 @@ a {
 }
 
 dialog {
-  background-color: var(--va-color-background);
+  background-color: var(--va-background-color-default);
 }
 
 .navigation-links a span {
   flex: 1;
 }
 
-.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-color: transparent;
-  border-right: 0;
-  border-bottom: 0;
+.site-menu {
+  margin-top: 0;
 }
 
-.settings label:has(.va-select) {
-  padding-left: 0 !important;
+.tsd-filter-input {
+  margin: 0;
 }
 
-.site-menu {
-  margin-top: 0;
+.tsd-filter-item:not(:last-child) {
+  margin-bottom: 0;
 }
 
 .tsd-signature,
@@ -109,7 +90,7 @@ footer {
 }
 
 .container {
-  padding: 0 var(--va-space-8);
+  padding: 0 var(--va-space-4);
 }
 
 @media (max-width: 769px) {
@@ -123,7 +104,7 @@ footer {
     flex-direction: column;
   }
   html .col-sidebar {
-    background-color: var(--va-color-background);
+    background-color: var(--va-background-color-default);
   }
 }
 
@@ -136,6 +117,10 @@ footer {
   .container {
     padding: 0 var(--va-space-8);
   }
+
+  #tsd-toolbar-menu-trigger {
+    display: none;
+  }
 }
 
 @media (min-width: 1200px) {

package/dist/index.js

@@ -29,9 +29,11 @@ function footer(context) {
         class: "tsd-generator"
       }, pre, /* @__PURE__ */ JSX.createElement("a", {
         href: "https://typedoc.org/",
+        class: "va-link",
         target: "_blank"
       }, "TypeDoc"), " & ", /* @__PURE__ */ JSX.createElement("a", {
         href: "https://varvara.js.org/",
+        class: "va-link",
         target: "_blank"
       }, "Varvara CSS"), post);
     }
@@ -110,13 +112,9 @@ function settings(context) {
     return /* @__PURE__ */ JSX3.createElement("details", {
       class: "va-collapse settings tsd-accordion",
       open: false
-    }, /* @__PURE__ */ JSX3.createElement("summary", null, i18n3.theme_settings()), visibilityOptions.length && /* @__PURE__ */ JSX3.createElement("div", {
-      class: "tsd-filter-visibility"
-    }, /* @__PURE__ */ JSX3.createElement("span", {
-      class: "settings-label"
-    }, i18n3.theme_member_visibility()), /* @__PURE__ */ JSX3.createElement("ul", {
-      id: "tsd-filter-options"
-    }, ...visibilityOptions)), /* @__PURE__ */ JSX3.createElement("label", null, /* @__PURE__ */ JSX3.createElement("span", null, i18n3.theme_theme()), /* @__PURE__ */ JSX3.createElement("select", {
+    }, /* @__PURE__ */ JSX3.createElement("summary", null, i18n3.theme_settings()), visibilityOptions.length && /* @__PURE__ */ JSX3.createElement("details", {
+      class: "va-collapse"
+    }, /* @__PURE__ */ JSX3.createElement("summary", null, i18n3.theme_member_visibility()), ...visibilityOptions), /* @__PURE__ */ JSX3.createElement("label", null, /* @__PURE__ */ JSX3.createElement("span", null, i18n3.theme_theme()), /* @__PURE__ */ JSX3.createElement("select", {
       id: "tsd-theme",
       class: "va-select"
     }, /* @__PURE__ */ JSX3.createElement("option", {
@@ -161,17 +159,16 @@ function buildSectionNavigation(context, headings) {
   finalizeLevel(true);
   return levels[0];
 }
-function buildFilterItem(context, name, displayName, defaultValue) {
-  return /* @__PURE__ */ JSX3.createElement("li", {
+function buildFilterItem(_context, name, displayName, defaultValue) {
+  return /* @__PURE__ */ JSX3.createElement("label", {
     class: "tsd-filter-item"
-  }, /* @__PURE__ */ JSX3.createElement("label", {
-    class: "tsd-filter-input"
-  }, /* @__PURE__ */ JSX3.createElement("input", {
+  }, /* @__PURE__ */ JSX3.createElement("span", null, displayName), /* @__PURE__ */ JSX3.createElement("input", {
+    class: "tsd-filter-input va-checkbox",
     type: "checkbox",
     id: `tsd-filter-${name}`,
     name,
     checked: defaultValue
-  }), context.icons.checkbox(), /* @__PURE__ */ JSX3.createElement("span", null, displayName)));
+  }));
 }
 function pageNavigation(context) {
   return (props) => {
@@ -226,6 +223,22 @@ function toolbar(context) {
     stroke: "currentColor"
   }, /* @__PURE__ */ JSX4.createElement("path", {
     d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
+  }))), /* @__PURE__ */ JSX4.createElement("a", {
+    href: "#",
+    class: "va-button",
+    id: "tsd-toolbar-menu-trigger",
+    "data-toggle": "menu",
+    "aria-label": i18n4.theme_menu()
+  }, /* @__PURE__ */ JSX4.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "2.5",
+    width: "16",
+    height: "16",
+    stroke: "currentColor"
+  }, /* @__PURE__ */ JSX4.createElement("path", {
+    d: "M3.75 9h16.5m-16.5 6.75h16.5"
   })))), /* @__PURE__ */ JSX4.createElement("div", {
     class: "navigation-links va-button-group"
   }, Object.entries(context.options.getValue("navigationLinks")).map(([label, url]) => /* @__PURE__ */ JSX4.createElement("a", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "varvara-typedoc-theme",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "author": "Marc Mariné <shenobi@gmail.com>",
   "repository": {
     "type": "git",
@@ -15,7 +15,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "varvara-css": "latest"
+    "varvara-css": "workspace:*"
   },
   "devDependencies": {
     "@types/bun": "latest"