Refine docs styling and page title

Author: terehov

README.md

@@ -19,7 +19,7 @@
 
 ⚡ **Fast and powerful**<br>
 🪶 **Lightweight and flexible**<br>
-🏗 **Universal: Works in Browsers, Node.js, Deno and Bun**<br>
+🏗 **Universal: Works in Browsers, Workers, Node.js, Deno and Bun**<br>
 👮‍️ **Fully typed with TypeScript support (native source maps)**<br>
 🗃 **_Pretty_ or `JSON` output**<br>
 📝 **Customizable log level**<br>

docs/astro.config.mjs

@@ -9,8 +9,15 @@ export default defineConfig({
       description:
         "Beautiful logging experience for TypeScript and JavaScript.",
       tableOfContents: { minHeadingLevel: 2, maxHeadingLevel: 4 },
+      components: { PageTitle: "./src/overrides/PageTitle.astro" },
       customCss: ["./src/styles/custom.css"],
       head: [
+        // Override <title> (replaces Starlight's auto-generated "{page} | {site}" title)
+        {
+          tag: "title",
+          content:
+            "tslog: Beautiful logging experience for TypeScript and JavaScript",
+        },
         // Force light mode
         {
           tag: "script",

docs/src/overrides/PageTitle.astro

@@ -0,0 +1,5 @@
+---
+const heading = "Beautiful logging experience for TypeScript";
+---
+
+<h1 id="_top" set:html={heading} />

docs/src/styles/custom.css

@@ -40,21 +40,21 @@
   color-scheme: light;
 }
 
-/* ── Hide header entirely (docsify has no top bar) ── */
+/* ── Hide header (docsify has no top bar) ── */
 header.header {
   display: none !important;
 }
 
-/* Hide theme toggle */
-starlight-theme-select {
-  display: none !important;
-}
-
 /* ── Page layout: no top padding since header is hidden ── */
 .page {
   padding-top: 0 !important;
 }
 
+/* Hide theme toggle */
+starlight-theme-select {
+  display: none !important;
+}
+
 /* ── Left sidebar (Starlight's nav sidebar) — hide it (single-page doc) ── */
 nav.sidebar,
 .sidebar-pane {
@@ -85,9 +85,9 @@ nav.sidebar,
     width: var(--sl-sidebar-width) !important;
     height: 100vh !important;
     border-inline-start: none !important;
-    border-inline-end: 1px solid hsl(0, 0%, 90%) !important;
+    border-inline-end: none !important;
     padding-top: 1.5rem !important;
-    background: var(--sl-color-black) !important;
+    background: rgba(255, 255, 255, 0.3) !important;
     overflow-y: auto !important;
   }
 
@@ -259,6 +259,23 @@ nav.sidebar,
   display: none !important;
 }
 
+/* ── Background — soft ambient glow across the full viewport ── */
+body::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: radial-gradient(
+    ellipse 100% 60% at 50% 0%,
+    hsla(153, 47%, 72%, 0.4),
+    transparent
+  );
+  pointer-events: none;
+  z-index: 0;
+}
+
 /* ── Smooth scrolling ── */
 html {
   scroll-behavior: smooth;

tsconfig.types.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/baselogger.ts","./src/formatnumberaddzeros.ts","./src/formattemplate.ts","./src/index.browser.ts","./src/index.ts","./src/interfaces.ts","./src/prettylogstyles.ts","./src/urltoobj.ts","./src/internal/inspectoptions.interface.ts","./src/internal/environment.ts","./src/internal/errorutils.ts","./src/internal/jsonstringifyrecursive.ts","./src/internal/metaformatting.ts","./src/internal/stacktrace.ts","./src/internal/util.inspect.polyfill.ts"],"version":"5.9.2"}
+{"root":["./src/baselogger.ts","./src/formatnumberaddzeros.ts","./src/formattemplate.ts","./src/index.browser.ts","./src/index.ts","./src/interfaces.ts","./src/prettylogstyles.ts","./src/urltoobj.ts","./src/internal/inspectoptions.interface.ts","./src/internal/environment.ts","./src/internal/errorutils.ts","./src/internal/jsonstringifyrecursive.ts","./src/internal/metaformatting.ts","./src/internal/stacktrace.ts","./src/internal/util.inspect.polyfill.ts"],"version":"5.9.3"}