update links for dark mode

Author: acharraggi

docs/source/_static/css/ftc-rtd.css

@@ -157,40 +157,41 @@ div.ethical-sidebar, div.ethical-footer {
 }
 .document a:not(.sd-btn):visited  {
   color: #551A8B;
-  text-decoration-style: dotted;  /* some browsers don't support this*/
+  text-decoration-style: dotted;  /* many browsers don't support this */
   text-decoration-color: #551A8B;
 }
 .document a:not(.sd-btn):focus {
     outline: 2px solid #d71ef7;
 }
 .document a:not(.sd-btn):hover {  
   font-weight: bold;
+  text-underline-offset: 0.3em;
 }
 .document a:not(.sd-btn):active {  
   text-decoration-line: underline overline;
   color: #FF0000;
 }
-/*
-.document a {
-  color: #0000EE !important;
-  text-decoration-line: underline !important;
-  text-decoration-style: solid !important;
-  text-decoration-color: #0000EE !important;
-  text-underline-offset: 0.2em !important;
+/* handle dark mode links */
+html[data-theme='dark'] .document a:not(.sd-btn) { 
+  color: #249ee8;
+  text-decoration-line: underline;
+  text-decoration-style: solid;
+  text-decoration-color: #249ee8;
+  text-underline-offset: 0.2em;
 }
-.document a:visited  {
-  color: #551A8B !important;
-  text-decoration-style: dotted !important;
-  text-decoration-color: #551A8B !important;
+html[data-theme='dark'] .document a:not(.sd-btn):visited {
+  color: #995BD5;
+  text-decoration-style: dotted;
+  text-decoration-color: #995BD5;
 }
-.document a:focus {
-    outline: 2px solid #d71ef7 !important;
+html[data-theme='dark'] .document a:not(.sd-btn):focus {
+    outline: 2px solid #d71ef7;
 }
-.document a:hover {  
-  font-weight: bold !important;
+html[data-theme='dark'] .document a:not(.sd-btn):hover {  
+  font-weight: bold;
+  text-underline-offset: 0.3em;
 }
-.document a:active {  
-  text-decoration-line: underline overline !important;
-  color: #FF0000 !important;
+html[data-theme='dark'] .document a:not(.sd-btn):active {  
+  color: #FF0000;
+  text-decoration-line: underline overline;
 }
-*/