Dark: Use link color of better contrast

5 files changed, 20 insertions, 4 deletions

diff --git a/pydis_site/static/css/content/color.css b/pydis_site/static/css/content/color.css
index f4801c28..75de31f1 100644
--- a/pydis_site/static/css/content/color.css
+++ b/pydis_site/static/css/content/color.css
@@ -2,6 +2,10 @@
     color: black;
 }
 
+[data-theme="dark"] .content .fa-github {
+    color: white;
+}
+
 .content .fa-github:hover {
     color: #7289DA;
 }
diff --git a/pydis_site/static/css/content/tag.css b/pydis_site/static/css/content/tag.css
index 79795f9e..b6c03ef3 100644
--- a/pydis_site/static/css/content/tag.css
+++ b/pydis_site/static/css/content/tag.css
@@ -4,6 +4,10 @@
     color: #7289DA;
 }
 
+[data-theme="dark"] .content a {
+    color: #99B0FF;
+}
+
 .content a *:hover {
     color: dimgray;
 }
diff --git a/pydis_site/static/css/error_pages.css b/pydis_site/static/css/error_pages.css
index 042a53a0..5c6fb661 100644
--- a/pydis_site/static/css/error_pages.css
+++ b/pydis_site/static/css/error_pages.css
@@ -36,6 +36,10 @@ a {
     color: #7289DA;
 }
 
+[data-theme="dark"] a {
+    color: #99B0FF;
+}
+
 ul {
     margin-bottom: 0;
 }
diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css
index e0dd1ebc..5ecf7cd7 100644
--- a/pydis_site/static/css/home/index.css
+++ b/pydis_site/static/css/home/index.css
@@ -186,8 +186,8 @@ h1 {
 
 #projects .card-header-title {
     padding: 0;
-    /* The primary blurple theme color */
-    color: #7289DA;
+    /* Link color from settings.py */
+    color: #99B0FF;
 }
 
 #projects .card:hover .card-header-title {
@@ -197,7 +197,7 @@ h1 {
 
 [data-theme="dark"] #projects .card:hover .card-header-title {
     /* Bulma link-hover setting */
-    color: #CAD6FF;
+    color: #FFFFFF;
 }
 
 #projects .card-content {
diff --git a/pydis_site/static/css/resources/resources.css b/pydis_site/static/css/resources/resources.css
index 96d06111..ee5954da 100644
--- a/pydis_site/static/css/resources/resources.css
+++ b/pydis_site/static/css/resources/resources.css
@@ -154,11 +154,15 @@ i.is-primary {
 }
 
 /* When hovering title anchors, just make the color a lighter primary, not black. */
-.resource-box a:hover {
+[data-theme="light"] .resource-box a:hover {
     filter: brightness(120%);
     color: #7289DA;
 }
 
+[data-theme="dark"] .resource-box a:hover {
+    color: white;
+}
+
 /* Set default display to inline-flex, for centering. */
 span.filter-box-tag {
     display: none;