diff --git a/docs/requirements.txt b/docs/requirements.txt
index 5a1d6d2..6c88170 100644
--- a/docs/requirements.txt
+++ b/docs/requirements.txt
@@ -54,9 +54,11 @@ sphinxcontrib-qthelp==2.0.0
     # via sphinx
 sphinxcontrib-serializinghtml==2.0.0
     # via sphinx
+sphinxcontrib-googleanalytics==0.4
+	# via sphinx
 urllib3==1.26.9
     # via requests
-
+Pygments==2.18.0
+	# via Pygments
 myst_parser==4.0.0
-
-sphinxcontrib-googleanalytics==0.4
\ No newline at end of file
+	# via myst_parser
\ No newline at end of file
diff --git a/docs/source/conf.py b/docs/source/conf.py
index 653e5b1..2367474 100644
--- a/docs/source/conf.py
+++ b/docs/source/conf.py
@@ -34,9 +34,15 @@ extensions = [
     "sphinx.ext.extlinks",
     "sphinx.ext.autosectionlabel",
     "sphinxcontrib.googleanalytics",
+    'sphinx.ext.mathjax',
     # "sphinx_favicon"
 ]
-
+mathjax_path = "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
+mathjax3_config = {
+    'TeX': {
+        'extensions': ['AMSmath.js', 'AMSsymbols.js', 'boldsymbol.js']
+    }
+}
 autosectionlabel_prefix_document = True
 googleanalytics_id="G-THC0SQQTDX"
 
@@ -84,9 +90,12 @@ gettext_uuid = True  # optional.
 
 rst_prolog = """
 .. include:: <s5defs.txt>
-.. include:: ../../../_static/style/custom-style.txt
+.. include:: /_static/style/custom-style.txt
 """
 
+pygments_style = 'monokai'       # dark style
+# pygments_style = 'github-dark' # github dark style
+
 variables_to_export = [
     "project",
     "copyright",
@@ -128,7 +137,7 @@ intersphinx_disabled_reftypes = ["*"]
 
 def setup(app):
     pass
-    # app.add_css_file("css/custom.css")
+    # app.add_css_file("")
     # app.add_css_file('https://cdn.jsdelivr.net/gh/Freenove/freenove-docs/docs/source/_static/css/custom.css')
 
 suppress_warnings = ['autosectionlabel.*']