change right toc tree bd position and dark theme config (#139)

* Modify left tctree for larger headlines * Modify left toctree padding * Modify dark theme web accesibility
ansys · Oct 25, 2022 · 2b8189d · 2b8189d
1 parent 0276fc2
commit 2b8189d
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 8 deletions.
diff --git a/src/ansys_sphinx_theme/static/css/ansys_sphinx_theme.css b/src/ansys_sphinx_theme/static/css/ansys_sphinx_theme.css
@@ -100,8 +100,8 @@ html[data-theme="dark"] {
   /*****************************************************************************
   * main colors
   */
-  --pst-color-primary: rgb(255, 183, 27);
-  --pst-color-secondary: rgb(200, 146, 17);
+  --pst-color-primary: #D09735;
+  --pst-color-secondary: #C58E30;
   --pst-color-success: rgb(72, 135, 87);
   --pst-color-text-base: rgb(201, 209, 217);
   --pst-color-text-muted: rgb(192, 192, 192);
@@ -123,12 +123,12 @@ html[data-theme="dark"] {
   * layout
   */
 
-  --pst-color-link: #0088CC;
-  --pst-color-link-hover:#32cfea;
+  --pst-color-link: #579CE5;
+  --pst-color-link-hover:#12B2E2;
   --pst-color-inline-code: #fff;
   --pst-color-target: rgb(71, 39, 0);
   /* color for sphinx-gallery-code output*/
-  --pst-color-codeout: #6c757d;
+  --pst-color-codeout: #929FAA;
   --pst-color-sig:#d6ab1e;
 }
 
@@ -562,10 +562,39 @@ a > code.download
   font-size: 1.1em;
 }
 
-html[data-theme="light"] .highlight .s1 {
-  color: #519312;
+html[data-theme="light"] .highlight .s1, .kc {
+  color: #753E0B !important;
+}
+
+html[data-theme="dark"] .highlight .s1, .s2, .kc {
+  color: #D79A60 !important;
+}
+
+html[data-theme="dark"] .highlight .kn {
+  color: #E18FFF;
+  font-weight: normal;
+}
+
+html[data-theme="light"] .highlight .c1 {
+  color: #095D0A;
+}
+
+html[data-theme="dark"] .highlight .c1 {
+  color: #8FB842;
+}
+
+html[data-theme="light"] .highlight .s2 {
+  color: #753E0B !important;
+}
+
+html[data-theme="dark"] .highlight .n {
+  color: #b3d7ff;
 }
 
+html[data-theme="dark"] .highlight .nn {
+  color: #43D69D;
+  text-decoration: none;
+}
 /*
 ###############
 Dropdown button
@@ -760,4 +789,8 @@ html[data-theme="light"] .highlight pre {
 html[data-theme="dark"] .highlight pre {
   line-height: 125%;
   font-size: 0.98em;
+}
+
+.bd-toc {
+  padding-top: 5em;
 }
diff --git a/src/ansys_sphinx_theme/static/css/breadcrumbs.css b/src/ansys_sphinx_theme/static/css/breadcrumbs.css
@@ -1,3 +1,5 @@
+@import "ansys-sphinx-theme.css";
+
 #breadcrumbs{
     padding-top: 1rem;
     padding-bottom: 1rem;
@@ -6,7 +8,7 @@
 }
 
 #breadcrumbs-spacer {
-    border-right: 10rem solid #fff;
+    border-right: 10rem solid var(--pst-color-background);
 }
 
 div.related > ul {
@@ -15,4 +17,8 @@ div.related > ul {
 
 body {
     padding-top: var(--pst-header-height);
+}
+
+*, :after, :before {
+    box-sizing: border-box;
 }