fix: use ansys-sphinx-theme variables in CSS files (#537)

Co-authored-by: Jorge Martínez <[email protected]>
Co-authored-by: Jorge Martinez <[email protected]>
Co-authored-by: Roberto Pastor Muela <[email protected]>

Author: 3 people

CONTRIBUTORS.md

@@ -5,6 +5,7 @@
 
 ## Individual Contributors
 
+* [Abhinav Deshpande](https://github.com/Abhinav-gh)
 * [Alexander Kaszynski](https://github.com/akaszynski)
 * [Andy Grigg](https://github.com/Andy-Grigg)
 * [Dipin Nair](https://github.com/dipinknair)

doc/changelog.d/537.fixed.md

@@ -0,0 +1 @@
+use ansys-sphinx-theme variables in CSS files

src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/breadcrumbs.css

@@ -76,7 +76,7 @@ html[data-theme="dark"] #announcement_msg :after {
 }
 
 #announcement_msg a {
-  color: #1e6ddc;
+  color: var(--ast-color-link);
 }
 
 .sidebar-cheatsheets {

src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/pydata-sphinx-theme-custom.css

@@ -63,7 +63,7 @@ nav.bd-links li > a:hover {
   color: var(--ast-sidebar-primary-text);
   background: var(--ast-sidebar-hover-background);
   box-shadow: 1px 1px 2px 0px var(--ast-sidebar-active-background);
-  border-radius: 4px;
+  border-radius: var(--ast-sphinx-design-border-radius);
   text-decoration: none;
 }
 
@@ -73,7 +73,7 @@ nav.bd-links li > a.current {
   background: var(--ast-sidebar-active-background);
   text-decoration: none;
   box-shadow: 1px 1px 2px 0px var(--ast-sidebar-active-background);
-  border-radius: 4px;
+  border-radius: var(--ast-sphinx-design-border-radius);
   font-weight: bold;
 }
 
@@ -91,7 +91,7 @@ nav.bd-links .current > a {
   background: var(--ast-sidebar-active-background);
   text-decoration: none;
   box-shadow: 1px 1px 2px 0px var(--ast-sidebar-active-background);
-  border-radius: 4px;
+  border-radius: var(--ast-sphinx-design-border-radius);
   font-weight: bold;
 }
 /**
@@ -119,16 +119,16 @@ nav.bd-links .current > a {
 }
 
 .toc-h2 {
-  font-size: 14px;
+  font-size: var(--pst-table-font-size);
   padding: 0.05em;
 }
 
 .toc-h3 {
-  font-size: 14px;
+  font-size: var(--pst-table-font-size);
 }
 
 .toc-h4 {
-  font-size: 14px;
+  font-size: var(--pst-table-font-size);
 }
 
 .toc-entry a.nav-link:hover {
@@ -349,8 +349,7 @@ strong {
 } /* hide the class 'descclassname' for autoapi */
 
 .sig {
-  font-family: "Consolas", "Menlo", "DejaVu Sans Mono",
-    "Bitstream Vera Sans Mono", monospace;
+  font-family: var(--pst-font-family-monospace);
 }
 
 .sig-name.descname {
@@ -491,7 +490,7 @@ a > code {
 
 code.literal {
   color: var(--ast-color-inline-code);
-  font-family: "open sans", sans-serif;
+  font-family: var(--ast-sphinx-design-font-family);
 }
 
 nav.bd-links li > a:focus-visible,
@@ -675,7 +674,7 @@ nav.contents p {
   color: var(--ast-navbar-color);
   font-weight: 600;
   font-size: var(--bs-nav-link-font-size);
-  border-radius: 4px;
+  border-radius: var(--ast-sphinx-design-border-radius);
   border-color: var(--ast-dropdown-header-border);
 }
 
@@ -689,7 +688,7 @@ nav.contents p {
   color: var(--ast-navbar-color);
   font-size: var(--bs-nav-link-font-size);
   font-weight: 600;
-  border-radius: 4px;
+  border-radius: var(--ast-sphinx-design-border-radius);
   border-color: var(--ast-dropdown-header-border);
 }
 
@@ -707,7 +706,7 @@ nav.contents p {
   height: 40px;
   padding: 0px 16px;
   text-decoration: none;
-  border-radius: 4px;
+  border-radius: var(--ast-sphinx-design-border-radius);
 }
 
 button.btn.version-switcher__button {