Fix : web accessibility. (#202)

* Add the web assibility

* accessibility for datatable

* Add the codecell accessibility

* Pre-commit update

Author: Revathyvenugopal162

.pre-commit-config.yaml

@@ -1,6 +1,6 @@
 repos:
 - repo: https://github.com/psf/black
-  rev: 22.10.0
+  rev: 23.1.0
   hooks:
   - id: black
 
@@ -10,7 +10,7 @@ repos:
   - id: isort
 
 - repo: https://github.com/PyCQA/flake8
-  rev: 5.0.4
+  rev: 6.0.0
   hooks:
   - id: flake8
 
@@ -20,20 +20,20 @@ repos:
   - id: codespell
 
 - repo: https://github.com/pycqa/pydocstyle
-  rev: 6.1.1
+  rev: 6.3.0
   hooks:
   - id: pydocstyle
     additional_dependencies: [toml]
 
 - repo: https://github.com/pre-commit/pre-commit-hooks
-  rev: v4.3.0
+  rev: v4.4.0
   hooks:
   - id: check-merge-conflict
   - id: debug-statements
   - id: requirements-txt-fixer
 
 # this validates our github workflow files
 - repo: https://github.com/python-jsonschema/check-jsonschema
-  rev: 0.19.1
+  rev: 0.21.0
   hooks:
     - id: check-github-workflows

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

@@ -94,6 +94,8 @@ html[data-theme="light"] {
   --pst-color-codecell: #fafae2;
   --pst-color-codeout: var(--pst-color-inline-code);
   --pst-color-sig: #0965C8;
+  --pst-color-code-s1: #b35000;
+  --pst-color-code-c1: #095D0A;
   /*****************************************************************************
   * sphinx design primary color
   */
@@ -144,6 +146,8 @@ html[data-theme="dark"] {
   --pst-color-codecell: #495057;
   --pst-color-codeout: #f2f4f6;
   --pst-color-sig:#d6ab1e;
+  --pst-color-code-s1: #D79A60;
+  --pst-color-code-c1: #8FB842;
 
   /*****************************************************************************
   * table hovering
@@ -172,7 +176,7 @@ Codecell
 */
 
 dt:target, span.highlighted {
-  background-color: var(--pst-color-border)!important; 
+  background-color: var(--pst-color-codecell)!important; 
 }
 
 .docutils {
@@ -396,6 +400,32 @@ DataFrame-centered
     text-align: center;
 }
 
+/*
+############
+data table
+############
+*/
+
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
+  color: var(--pst-color-text-base)!important;
+}
+
+.dataTables_wrapper, .dataTables_wrapper .dataTables_filter, 
+.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing,
+.dataTables_wrapper .dataTables_paginate {
+  color: var(--pst-color-text-base)!important;
+}
+
+table.dataTable tbody th, table.dataTable tbody td {
+  background: var(--pst-color-background);
+}
+
+label {
+  color: var(--pst-color-text-base);
+}
+
 /*
 ##########
 Scroll-bar
@@ -485,29 +515,17 @@ Sphinx gallery output
   font-size: 1.1em;
 }
 
-html[data-theme="light"] .highlight .s1, .kc {
-  color: #753E0B !important;
-}
-
-html[data-theme="dark"] .highlight .s1, .s2, .kc {
-  color: #D79A60 !important;
+.highlight .s1, .s2, .kc {
+  color: var(--pst-color-code-s1)!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;
+.highlight .c1 {
+  color: var(--pst-color-code-c1);
 }
 
 html[data-theme="dark"] .highlight .n {