update theme with css

Author: rgaignault

docs/assets/custom.css

@@ -1,71 +1,75 @@
-.site-menu .tsd-navigation > a[href='modules.html'] {
-  display: none !important;
+/* 
+  Force the light theme 
+*/
+:root {
+  color-scheme: light;
 }
 
-.site-menu .tsd-navigation > .tsd-accordion > .tsd-accordion-summary {
-  display: none !important;
-}
-
-.site-menu .tsd-navigation > .tsd-accordion > .tsd-accordion-details {
-  display: block !important;
-}
-
-.site-menu .tsd-navigation > .tsd-accordion .tsd-nested-navigation {
-  margin-left: 0 !important;
-}
-
-.site-menu .tsd-navigation > .tsd-accordion .tsd-nested-navigation > li > details > summary,
-.site-menu .tsd-navigation > .tsd-accordion .tsd-nested-navigation > li > a {
-  font-weight: 600;
-  padding: 0.88rem !important;
-}
-
-.site-menu .tsd-navigation > .tsd-accordion .tsd-nested-navigation .tsd-accordion-summary {
-  display: flex !important;
-}
-
-.site-menu .tsd-navigation > a[href='modules.html'] {
-  display: none !important;
-}
-
-.site-menu .tsd-navigation > .tsd-accordion > .tsd-accordion-summary {
-  display: none !important;
-}
-
-.site-menu .tsd-navigation > .tsd-accordion > .tsd-accordion-details {
-  display: block !important;
-}
-
-.site-menu .tsd-navigation > .tsd-accordion .tsd-nested-navigation {
-  margin-left: 0 !important;
+/*
+  Hide the index group
+*/
+.tsd-panel-group.tsd-index-group {
+  display: none;
 }
 
-.site-menu .tsd-navigation > .tsd-accordion .tsd-nested-navigation > li > details > summary,
-.site-menu .tsd-navigation > .tsd-accordion .tsd-nested-navigation > li > a {
-  font-weight: 600;
-  padding: 0.88rem !important;
+/*
+  Hide the hierarchy panel
+*/
+.tsd-panel.tsd-hierarchy {
+  display: none;
 }
 
-.site-menu .tsd-navigation > .tsd-accordion .tsd-nested-navigation .tsd-accordion-summary {
-  display: flex !important;
+/*
+  Remove bullet points from the Type declaration
+*/
+.tsd-type-declaration > .tsd-parameters {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
 }
 
-.tsd-navigation.settings {
-  display: none !important;
+/*
+  Customize the parameter list to be a table instead of a list
+*/
+.tsd-parameter-list {
+  display: table;
+  width: 100%;
+  list-style-type: none;
+  padding: 0;
+  border-collapse: collapse;
+  font-size: 0.95rem;
+  border: 1px solid #e0e0e0;
+  border-radius: 6px;
+  overflow: hidden;
 }
 
-.tsd-filter-visibility {
-  display: none !important;
+.tsd-parameter-list li {
+  display: table-row;
+  background-color: #fcfcfc;
 }
 
-.tsd-theme-toggle {
-  display: none !important;
+.tsd-parameter-list li > * {
+  display: table-cell;
+  padding: 0.75rem 1rem;
+  border-bottom: 1px solid #e0e0e0;
 }
 
-.tsd-panel-group.tsd-index-group {
+/* Hide empty table cells to avoid taking space */
+.tsd-parameter-list li > *:empty {
   display: none;
 }
 
-.tsd-panel.tsd-hierarchy {
-  display: none;
+/*
+  Customize the member panel to be a card
+*/
+.tsd-panel.tsd-member {
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-radius: 0.5rem;
+  padding: 1rem;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+  max-width: 100%;
+  margin-bottom: 1rem;
 }

docs/assets/hierarchy.js

@@ -13,10 +13,10 @@
     --dark-hl-5: #569CD6;
     --light-hl-6: #098658;
     --dark-hl-6: #B5CEA8;
-    --light-hl-7: #008000;
-    --dark-hl-7: #6A9955;
-    --light-hl-8: #0070C1;
-    --dark-hl-8: #4FC1FF;
+    --light-hl-7: #0070C1;
+    --dark-hl-7: #4FC1FF;
+    --light-hl-8: #008000;
+    --dark-hl-8: #6A9955;
     --light-hl-9: #000000;
     --dark-hl-9: #C8C8C8;
     --light-hl-10: #267F99;