update css style (#4)

Fix: update extra.css

docs/stylesheets/extra.css

@@ -1,16 +1,11 @@
 :root {
-    /* --md-primary-fg-color:        rgb(53, 112, 227);
-    --md-primary-fg-color--light: rgb(109, 145, 219);
-    --md-primary-fg-color--dark:  rgb(41, 99, 214); */
-    /* --md-primary-fg-color:        #0056FF;
-    --md-primary-fg-color--light: #5586cf;
-    --md-primary-fg-color--dark:  #3d71be; */
   --md-primary-fg-color: #1a7dc9;
   --home-color: #0071c7;
   --nav-item-color: #4d4d4d;
-  
+  --md-accent-fg-color: #0071c7;
 }
 
+
 .md-header__button.md-logo img {
   width: 5.5rem;
   height: 1.5rem;
@@ -29,10 +24,9 @@
   margin-top: 50px;
 }
 
-  .md-tabs {
+/* .md-tabs {
-    /* background-image: linear-gradient(45deg, rgb(53, 112, 227) 0%, rgb(53, 112, 227) 24%, rgb(42, 125, 227) 53%, rgb(27, 141, 226) 78%, rgb(8, 162, 225) 100%); */
   box-shadow: 0 0 0.2rem rgb(0 0 0 / 10%), 0 0.2rem 0.4rem rgb(0 0 0 / 20%);
-  }
+} */
 
 .md-nav__item--nested>.md-nav__link, .md-nav__item a {
   color: var(--nav-item-color);
@@ -60,7 +54,6 @@
 }
 
 .md-sidebar--primary .md-nav__item .md-nav__link--active {
-    /* background-color: aliceblue; */
   background: linear-gradient(295deg,#edf8ff,rgba(232,236,244,0));
   border-right: 2px solid #1a7dc9;
 }
@@ -76,11 +69,11 @@
   max-width: 64rem;
 }
 
-  @media screen and (min-width: 76.25em) {
+/* @media screen and (min-width: 76.25em) {
   .md-sidebar--primary:not([hidden])~.md-content>.md-content__inner{
     margin-left: 1.6rem;
   }
-  }
+} */
 
 .md-tabs__link {
   font-weight: 450;

mkdocs.yml

@@ -1,6 +1,6 @@
 INHERIT: nav.yml
 
-site_name: Loggie
+site_name: ' ' 
 
 site_description: Loggie Documentation
 extra_css:
@@ -30,13 +30,13 @@ theme:
 
   # palette:
   #   - scheme: default
-  #     primary: white
+  #     primary: indigo
   #     accent: indigo
   #     toggle:
   #       icon: material/toggle-switch-off-outline
   #       name: Switch to dark mode
   #   - scheme: slate
-  #     primary: red
+  #     primary: white
   #     accent: red
   #     toggle:
   #       icon: material/toggle-switch

overrides/assets/stylesheets/home.css

@@ -9,6 +9,12 @@
   padding: 0;
 }
 
+@media screen and (min-width: 76.25em) {
+  [dir=ltr] .md-sidebar--primary:not([hidden])~.md-content>.md-content__inner {
+      margin-left: 0;
+  }
+}
+
 .md-main__inner .md-content__inner:before {
   display: none;
 }
@@ -207,7 +213,7 @@
   background: #fff;
 }
 
-  @media only screen and (max-width: 1440px) {
+/* @media only screen and (max-width: 1440px) {
   .components-container,
   .whats-next-container,
   .usedby-container,
@@ -228,12 +234,8 @@
     margin:0 auto;
     float: none;
   }
-  }
+} */
 
-  /*fixing issue in safari css */
-  .md-typeset .task-list-item {
-    margin-left: 25px;
-  }
 
 /* No next/prev links on home page so make sure next/prev area of footer collapses nicely */
 footer nav.md-footer__inner {

overrides/main.html

@@ -1,2 +1 @@
 {% extends "base.html" %}
-