Dark mode logo (#479)

.pre-commit-config.yaml

@@ -19,7 +19,7 @@ repos:
         always_run: true
         require_serial: true
   - repo: https://github.com/pre-commit/pre-commit-hooks
-    rev: v4.5.0
+    rev: v4.6.0
     hooks:
       - id: check-added-large-files
         args:
@@ -57,7 +57,7 @@ repos:
       - id: yamllint
         exclude: tests/optimization/fixtures
   - repo: https://github.com/psf/black
-    rev: 24.3.0
+    rev: 24.4.2
     hooks:
       - id: black
         language_version: python3.10
@@ -79,7 +79,7 @@ repos:
           - --blank
         exclude: src/estimagic/optimization/algo_options.py
   - repo: https://github.com/astral-sh/ruff-pre-commit
-    rev: v0.3.5
+    rev: v0.4.3
     hooks:
       - id: ruff
   - repo: https://github.com/nbQA-dev/nbQA

README.md

@@ -31,8 +31,6 @@ provides functionality to perform statistical inference on estimated parameters.
 - The progress of the optimization is displayed in real time via an interactive
   dashboard.
 
-<img src="docs/source/_static/images/dashboard.gif">
-
 ### Estimation and Inference
 
 - You can estimate a model using method of simulated moments (MSM), calculate standard

docs/rtd_environment.yml

@@ -12,11 +12,12 @@ dependencies:
   - sphinx
   - sphinxcontrib-bibtex
   - sphinx-copybutton
+  - sphinx-design
   - sphinx-panels
   - ipython
   - ipython_genutils
   - myst-nb
-  - pydata-sphinx-theme
+  - furo
   - pybaum
   - matplotlib
   - seaborn
@@ -26,7 +27,6 @@ dependencies:
   - patsy
   - joblib
   - plotly
-  - ipython
   - pip:
       - ../
       - kaleido

docs/source/_static/css/custom.css

@@ -3,218 +3,35 @@ div.prompt {
   display: none;
 }
 
-/* Getting started index page */
 
-
-.intro-card .card-text {
-  margin: 20px 0px;
-}
-
-
-.card-title {
-  margin-top: 0.25rem;
-}
-
-div#index-container {
-  padding-bottom: 20px;
-}
-
-a#index-link {
-  color: #333;
-  text-decoration: none;
-}
-
-/* reference to user guide */
-.gs-torefguide {
-  align-items: center;
-  font-size: 0.9rem;
-}
-
-.gs-torefguide .badge {
-  background-color: #130654;
-  margin: 10px 10px 10px 0px;
-  padding: 5px;
-}
-
-.gs-torefguide a {
-  margin-left: 5px;
-  color: #130654;
-  border-bottom: 1px solid #FFCA00f3;
-  box-shadow: 0px -10px 0px #FFCA00f3 inset;
-}
-
-.gs-torefguide p {
-  margin-top: 1rem;
-}
-
-.gs-torefguide a:hover {
-  margin-left: 5px;
-  color: grey;
-  text-decoration: none;
-  border-bottom: 1px solid #b2ff80f3;
-  box-shadow: 0px -10px 0px #b2ff80f3 inset;
-}
-
-/* selecting constraints guide */
-.intro-card {
-  background: #fff;
-  border-radius: 0;
-  padding: 20px 5px 5px 0px;
-  margin: 10px 0px;
-  max-height: 85%;
-}
-
-
-
-.intro-card .card-text {
-  margin: 20px 0px;
-  /*min-height: 150px; */
-}
-
-.intro-card .card-img-top {
-  margin: 0px;
-}
-
-.install-block {
-  padding-bottom: 30px;
-}
-
-.install-card .card-header {
-  border: none;
-  background-color: white;
-  color: #150458;
-  font-size: 1.1rem;
-  font-weight: bold;
-  padding: 1rem 1rem 0rem 1rem;
-}
-
-.install-card .card-footer {
-  border: none;
-  background-color: white;
-}
-
-.install-card pre {
-  margin: 0 1em 1em 1em;
+/* Classes for the index page. */
+.index-card-image {
+    padding-top: 1rem;
+    height: 68px;
+    text-align: center;
 }
 
-.custom-button {
-  background-color: #DCDCDC;
-  border: none;
-  color: #484848;
-  text-align: center;
-  text-decoration: none;
-  display: inline-block;
-  font-size: 0.9rem;
-  border-radius: 0.5rem;
-  max-width: 120px;
-  padding: 0.5rem 0rem;
-}
-
-.custom-button a {
-  color: #484848;
-}
-
-.custom-button p {
-  margin-top: 0;
-  margin-bottom: 0rem;
-  color: #484848;
-}
-
-/* selecting constraints guide collapsed cards */
-
-.tutorial-accordion {
-  margin-top: 20px;
-  margin-bottom: 20px;
-}
-
-.tutorial-card .card-header.card-link .btn {
-  margin-right: 12px;
-}
-
-.tutorial-card .card-header.card-link .btn:after {
-  content: "-";
-}
-
-.tutorial-card .card-header.card-link.collapsed .btn:after {
-  content: "+";
-}
-
-.tutorial-card-header-1 {
-  justify-content: space-between;
-  align-items: center;
-}
-
-.tutorial-card-header-2 {
-  justify-content: flex-start;
-  align-items: center;
-  font-size: 1.3rem;
-}
-
-.tutorial-card .card-header {
-  cursor: pointer;
-  background-color: white;
-}
-
-.tutorial-card .card-body {
-  background-color: #F0F0F0;
-}
-
-.tutorial-card .badge:hover {
-  background-color: grey;
-}
-
-/* tables in selecting constraints guide */
-
-table.rows th {
-  background-color: #F0F0F0;
-  border-style: solid solid solid solid;
-  border-width: 0px 0px 0px 0px;
-  border-color: #F0F0F0;
-  text-align: center;
-}
-
-table.rows tr:nth-child(even) {
-  background-color: #F0F0F0;
-  text-align: right;
-}
-
-table.rows tr:nth-child(odd) {
-  background-color: #FFFFFF;
-  text-align: right;
-}
-
-
-/* reduce size of dropdown boxes and change color */
-
-/* Title text attributes */
-details.dropdown .summary-title {
-  font-weight: bold !important;
-  font-family: var(--pst-font-family-monospace) !important;
+.index-card-link {
+    color: var(--sd-color-card-text);
+    font-weight: bold;
 }
 
-/* Space of box around the text */
-details.dropdown summary {
-  padding: 0.4rem !important;
+pre {
+  padding-left: 20px
 }
 
-/* Vertical spacing of arrow */
-details.dropdown .summary-up,
-details.dropdown .summary-down {
-  top: 0.5em !important;
+li pre {
+  padding-left: 20px
 }
 
-/* Vertical space between dropdown boxes */
-.mb-3,
-.my-3 {
-  margin-bottom: 0.2rem !important;
+.highlight {
+    background: #f5f5f5
 }
 
-/* Background color of dropdown boxes */
-.card {
-  background-color: white !important;
+.highlight button.copybtn{
+    background-color: #f5f5f5;
 }
 
-/* Color of inline code */
-:root {
-  --pst-color-inline-code: 160, 4, 4 !important;
+.highlight button.copybtn:hover {
+    background-color: #f5f5f5;
 }