Tweak dottydoc theme

Author: TheElectronWill

doc-tool/bootstrap-theme/theme.scss

@@ -9,12 +9,11 @@
 // Custom colors
 $pro-grey: #414551;
 $soft-red: #ca445e;
-$primary: $pro-grey;
 $light: #fafafa;
 $code-color: $soft-red; // overrides bootstrap
 
 $theme-colors: (
-  "primary": $primary,
+  "primary": $pro-grey,
   "secondary": $soft-red
 );
 
@@ -51,7 +50,7 @@ $headings-font-family: $font-family-sans-serif;
 $font-weight-light: 300;
 $font-weight-normal: 400;
 $font-weight-bold: 700;
-$headings-font-weight: 700;
+$headings-font-weight: 400;
 
 // Nav Fonts
 $toolbar-main-font: $headings-font-family;

doc-tool/resources/css/dottydoc.css

@@ -98,10 +98,16 @@ footer img#author-img {
   line-height: 50px;
   text-align: center;
   text-decoration: none;
-  font-size: 42px;
+  font-size: 43px;
   font-family: var(--font-family-sans-serif);
 }
-
+.api span.letter-anchor.object {
+  line-height: 48px;
+}
+.api span.letter-anchor.class {
+  line-height: 48px;
+  padding-right: 3px;
+}
 .letter-anchor.object {
   background: #2c6c8d;
 }

doc-tool/resources/css/sidebar.css

@@ -12,11 +12,11 @@
   background: var(--sidebar);
   margin-left: -275px; /* invisible by default, shown by toggle */
   transition: margin .25s ease-out;
-  box-shadow: 0 0 10px var(--primary);
 }
 
 .sidebar.toggled {
   margin-left: 0;
+  box-shadow: -2px 0 8px var(--primary);
 }
 
 .sidebar ul.toc {
@@ -113,9 +113,11 @@
 }
 .entity-kinds a.class {
   background: #44ad7d;
+  padding-right: 1px;
 }
 .entity-kinds a.trait {
   background: #19aacf;
+  padding-right: 1px;
 }
 
 .with-companion .entity-kinds:not(:hover) a.object {
@@ -131,9 +133,11 @@
 @media (min-width: 768px) {
   .sidebar { /* visible by default, hidden by toggle */
     margin-left: 0;
+    box-shadow: -2px 0 8px var(--primary);
   }
   .sidebar.toggled {
     margin-left: -275px;
+    box-shadow: none;
   }
   #content-wrapper {
     margin-left: 275px !important;