diff --git a/assets/css/_dark/dark-main.scss b/assets/css/_dark/dark-main.scss
index 60d5f75..54be06e 100644
--- a/assets/css/_dark/dark-main.scss
+++ b/assets/css/_dark/dark-main.scss
@@ -45,6 +45,7 @@
   --tag-hover: rgb(43, 56, 62);
   --tb-odd-bg: rgba(52, 53, 42, 0.52); /* odd rows of the posts' table */
   --tb-even-bg: rgb(31, 31, 34); /* even rows of the posts' table */
+  --footnote-target-bg: rgb(63, 81, 181);
 
   hr {
     border-color: var(--main-border);
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 84eb935..b798969 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -649,7 +649,7 @@ h2, h3, h4, sup {
 }
 
 .footnotes ol>li:target>p {
-  background-color: lightcyan;
+  background-color: var(--footnote-target-bg, lightcyan);
   width: fit-content;
   -webkit-transition: background-color 1.5s ease-in-out; /* Safari prior 6.1 */
   transition: background-color 1.5s ease-in-out;
@@ -657,14 +657,14 @@ h2, h3, h4, sup {
 
 a.footnote {
   margin: 0 .2em;
+  border-bottom-style: none !important;
   -webkit-transition: background-color 1.5s ease-in-out; /* Safari prior 6.1 */
   transition: background-color 1.5s ease-in-out;
 }
 
 sup:target>a.footnote {
-  background-color: lightcyan;
+  background-color: var(--footnote-target-bg, lightcyan);
   padding: 0 2px;
-  outline: thin dotted;
 }
 
 a.reversefootnote {