style: cleaning up styles

tightening the vertical spacing on docs. always use dark mode for code samples. clamp descriptions
on cards.

.gitignore

@@ -1,6 +1,6 @@
 .idea/
 .vscode/
-
+.obsidian/
 # Dependencies
 /node_modules
 

docusaurus.config.ts

@@ -123,7 +123,7 @@ const config: Config = {
       copyright: `© Moderne, ${new Date().getFullYear()}`,
     },
     prism: {
-      theme: prismThemes.github,
+      theme: prismThemes.vsDark,
       darkTheme: prismThemes.vsDark,
       additionalLanguages: [
         "bash",

src/css/custom.css

@@ -36,7 +36,7 @@
   --ifm-navbar-height: 116px;
   --ifm-font-family-base: "Inter", sans-serif;
   --ifm-heading-font-weight: 400;
-  --ifm-heading-line-height: 1;
+  --ifm-heading-line-height: 1.25;
   --ifm-heading-color: #041834;
   --ifm-font-weight-bold: 600;
   --ifm-footer-padding-vertical: 2.375rem;
@@ -85,6 +85,10 @@ html[data-theme='dark'] {
   --ifm-toc-border-color: transparent;
   --ifm-section-divider-color: #d9d9d9;
   --ifm-card-background-color: #fff;
+  --ifm-heading-line-height: 1.25;
+  .theme-code-block {
+    border: 1.5px solid var(--ifm-color-border);
+  }
 }
 
 figure img {
@@ -173,18 +177,17 @@ html[data-theme=dark] .theme-doc-sidebar-menu .menu__link--active + .menu__caret
   font-size: 1rem;
 }
 
-[class^=docMainContainer_] > .container:first-child {
-  padding-top: 3.25rem !important;
-}
 
 [class^=docMainContainer_] [class*=breadcrumbsContainer_] {
-  margin-bottom: 3.3rem;
-}
+  margin-bottom: 1rem;
+} 
 
 [class^=docMainContainer_] .breadcrumbs__link {
   color: var(--ifm-heading-color);
 }
 
+
+
 html[data-theme=dark] [class^=docMainContainer_] .breadcrumbs__link:hover {
   --ifm-heading-color: #041834;
 }

src/theme/DocCard/styles.module.css

@@ -21,7 +21,7 @@
 
 .cardTitle {
   --ifm-heading-margin-bottom: 8px;
-  font-size: 1.125rem;
+  font-size: 1.25rem;
   font-weight: 600;
   line-height: 1.666;
 }
@@ -29,4 +29,10 @@
 .cardDescription {
   color: var(--ifm-heading-color);
   font-size: 1rem;
-}
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: unset;
+}