Update docs and readme

README.md

@@ -1,5 +1,5 @@
 <div align="center">
-    <a href="https://metexplore.github.io/miom"><img align="center" src="https://github.com/MetExplore/miom/raw/development/docs/assets/img/miom_v1.png" alt="MIOM" width="545" title="MIOM: Mixed Integer Optimization for Metabolism"/>
+    <a href="https://metexplore.github.io/miom"><img align="center" src="https://github.com/MetExplore/miom/raw/development/docs/assets/img/miom_v1.png" alt="MIOM" title="MIOM: Mixed Integer Optimization for Metabolism"/>
     </a>
 </div>
 
@@ -11,9 +11,11 @@
 
 </div>
 
----
+<h4 align="center">
+<a href="https://metexplore.github.io/miom">https://metexplore.github.io/miom</a>
+</h4>
 
-https://metexplore.github.io/miom
+---
 
 __MIOM__ (Mixed Integer Optimization for Metabolism) is a python library for creating and solving complex optimization problems using genome-scale metabolic networks, in just a few lines. 
 

docs/stylesheets/extra.css

@@ -0,0 +1,14 @@
+:root {
+  --md-primary-fg-color: #132a4b;
+  --md-primary-fg-color--light: #2f5a96;
+  --md-primary-fg-color--dark: #0b1b31;
+  --md-primary-bg-color: hsla(0, 0%, 100%, 1);
+  --md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);
+  --md-text-link-color: #386eb9;
+
+  /* Accent color shades */
+  --md-accent-fg-color: #6896d6;
+  --md-accent-fg-color--transparent: hsla(189, 100%, 37%, 0.1);
+  --md-accent-bg-color: hsla(0, 0%, 100%, 1);
+  --md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7);
+}

mkdocs.yml

@@ -40,6 +40,8 @@ extra:
     property: G-5SV6WE1KMZ
   version:
     provider: mike
+extra_css:
+  - stylesheets/extra.css
 extra_javascript:
   - https://polyfill.io/v3/polyfill.min.js?features=es6
   - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js