feat: added design updates to fix the UI (#473)

* feat: fixed the pydata-sphinx-theme version dependency

* ix: language render and annotations

* feat: added design updates to fix the UI

Author: henilp105

source/_static/custom.css

@@ -1,47 +1,57 @@
-:root {
-  --sd-color-primary: #734f96;
-  --sd-color-secondary: #6c757d;
-  --sd-color-success: #28a745;
-  --sd-color-info: #17a2b8;
-  --sd-color-warning: #f0b37e;
-  --sd-color-danger: #dc3545;
-  --sd-color-light: #f8f9fa;
-  --sd-color-muted: #6c757d;
-  --sd-color-dark: #ffffff;
-  --sd-color-primary-highlight: #0069d9;
-  --sd-color-secondary-highlight: #5c636a;
-  --sd-color-success-highlight: #228e3b;
-  --sd-color-info-highlight: #148a9c;
-  --sd-color-warning-highlight: #cc986b;
-  --sd-color-danger-highlight: #bb2d3b;
-  --sd-color-light-highlight: #d3d4d5;
-  --sd-color-muted-highlight: #5c636a;
-  --sd-color-dark-highlight: #1c1f23;
-  --sd-color-primary-text: #fff;
-  --sd-color-secondary-text: #fff;
-  --sd-color-success-text: #fff;
-  --sd-color-info-text: #fff;
-  --sd-color-warning-text: #212529;
-  --sd-color-danger-text: #fff;
-  --sd-color-light-text: #212529;
-  --sd-color-muted-text: #fff;
-  --sd-color-dark-text: #fff;
-  --sd-color-shadow: rgba(0, 0, 0, 0.15);
-  --sd-color-card-border: rgba(0, 0, 0, 0.125);
-  --sd-color-card-border-hover: hsla(231, 99%, 66%, 1);
-  --sd-color-card-background: transparent;
-  --sd-color-card-text: inherit;
-  --sd-color-card-header: transparent;
-  --sd-color-card-footer: transparent;
-  --sd-color-tabs-label-active: hsla(231, 99%, 66%, 1);
-  --sd-color-tabs-label-hover: hsla(231, 99%, 66%, 1);
-  --sd-color-tabs-label-inactive: hsl(0, 0%, 66%);
-  --sd-color-tabs-underline-active: hsla(231, 99%, 66%, 1);
-  --sd-color-tabs-underline-hover: rgba(178, 206, 245, 0.62);
-  --sd-color-tabs-underline-inactive: transparent;
-  --sd-color-tabs-overline: rgb(222, 222, 222);
-  --sd-color-tabs-underline: rgb(222, 222, 222);
-  --sd-fontsize-tabs-label: 1rem;
+html[data-theme="light"] {
+  --pst-color-primary: #734f96;
+  --pst-color-border: white;
+}
+
+html[data-theme="dark"] {
+  --pst-color-primary: #734f96;
+  --pst-color-border: #14181e;
+}
+
+html {
+  --pst-color-primary: #734f96;
+  --pst-color-secondary: #6c757d;
+  --pst-color-success: #28a745;
+  --pst-color-info: #17a2b8;
+  --pst-color-warning: #f0b37e;
+  --pst-color-danger: #dc3545;
+  --pst-color-light: #f8f9fa;
+  --pst-color-muted: #6c757d;
+  --pst-color-dark: #ffffff;
+  --pst-color-primary-highlight: #0069d9;
+  --pst-color-secondary-highlight: #5c636a;
+  --pst-color-success-highlight: #228e3b;
+  --pst-color-info-highlight: #148a9c;
+  --pst-color-warning-highlight: #cc986b;
+  --pst-color-danger-highlight: #bb2d3b;
+  --pst-color-light-highlight: #d3d4d5;
+  --pst-color-muted-highlight: #5c636a;
+  --pst-color-dark-highlight: #1c1f23;
+  --pst-color-primary-text: #fff;
+  --pst-color-secondary-text: #fff;
+  --pst-color-success-text: #fff;
+  --pst-color-info-text: #fff;
+  --pst-color-warning-text: #212529;
+  --pst-color-danger-text: #fff;
+  --pst-color-light-text: #212529;
+  --pst-color-muted-text: #fff;
+  --pst-color-dark-text: #fff;
+  --pst-color-shadow: rgba(0, 0, 0, 0.15);
+  --pst-color-card-border: rgba(0, 0, 0, 0.125);
+  --pst-color-card-border-hover: hsla(231, 99%, 66%, 1);
+  --pst-color-card-background: transparent;
+  --pst-color-card-text: inherit;
+  --pst-color-card-header: transparent;
+  --pst-color-card-footer: transparent;
+  --pst-color-tabs-label-active: hsla(231, 99%, 66%, 1);
+  --pst-color-tabs-label-hover: hsla(231, 99%, 66%, 1);
+  --pst-color-tabs-label-inactive: hsl(0, 0%, 66%);
+  --pst-color-tabs-underline-active: hsla(231, 99%, 66%, 1);
+  --pst-color-tabs-underline-hover: rgba(178, 206, 245, 0.62);
+  --pst-color-tabs-underline-inactive: transparent;
+  --pst-color-tabs-overline: rgb(222, 222, 222);
+  --pst-color-tabs-underline: rgb(222, 222, 222);
+  --pst-fontsize-tabs-label: 1rem;
 }
 
 .index_joinus_mobile {

source/_templates/inpage_toc.html

@@ -1,6 +1,5 @@
 {% if ablog %} {% if pagename == 'index' %}
 
-<br /><br />
 <h2>
   <p style="color: #734f96">News</p>
 </h2>

source/_templates/version-switcher.html

@@ -121,6 +121,7 @@
 # a list of builtin themes.
 #
 html_theme = "pydata_sphinx_theme"
+html_show_sourcelink = False
 
 # Add any paths that contain custom static files (such as style sheets) here,
 # relative to this directory. They are copied after the builtin static files,
@@ -143,13 +144,14 @@
     "show_toc_level": 0,
     "footer_end": ["copyright"],
     "navbar_align": "right",
-    "navbar_start": ["navbar-logo","theme-switcher.html","version-switcher"],
+    "navbar_start": ["navbar-logo","theme-switcher.html"],
     "switcher": {
         "json_url": "_static/data.json",  # shifted to custom local switcher
         "version_match": language,
     },
-    "primary_sidebar_end": ["inpage_toc.html"],
-    "navbar_end": ["navbar-icon-links",  "search-field.html"],
+    "primary_sidebar_end": [],
+    "secondary_sidebar_items": ["inpage_toc.html"],
+    "navbar_end": ["navbar-icon-links","version-switcher"],
     "search_bar_text": "Search",
     "icon_links": [
         {