From 676ae77456b7f45a5c7b485c154691894043e339 Mon Sep 17 00:00:00 2001
From: Paul Mineev <paul@mineev.me>
Date: Sat, 28 Oct 2023 01:59:05 -0400
Subject: [PATCH] update links styles

---
 .../comment-form__markdown-link.css              |  7 -------
 .../comment/_theme/_dark/comment_theme_dark.css  | 10 +++++++++-
 .../_theme/_light/comment_theme_light.css        |  4 ++++
 .../app/components/comment/comment.module.css    | 10 +++++++++-
 .../app/components/raw-content/raw-content.css   |  2 +-
 .../root/_theme/_dark/root_theme_dark.css        | 16 ----------------
 .../remark42/app/styles/custom-properties.css    |  1 -
 frontend/apps/remark42/app/styles/global.css     | 10 ++++++++++
 8 files changed, 33 insertions(+), 27 deletions(-)

diff --git a/frontend/apps/remark42/app/components/comment-form/__markdown-link/comment-form__markdown-link.css b/frontend/apps/remark42/app/components/comment-form/__markdown-link/comment-form__markdown-link.css
index 4b8ce247..b5ff785e 100644
--- a/frontend/apps/remark42/app/components/comment-form/__markdown-link/comment-form__markdown-link.css
+++ b/frontend/apps/remark42/app/components/comment-form/__markdown-link/comment-form__markdown-link.css
@@ -1,11 +1,4 @@
 .comment-form__markdown-link {
   font-weight: 700;
   white-space: nowrap;
-  text-decoration: none;
-  cursor: pointer;
-  color: var(--color9);
-
-  &:hover {
-    color: var(--color33);
-  }
 }
diff --git a/frontend/apps/remark42/app/components/comment/_theme/_dark/comment_theme_dark.css b/frontend/apps/remark42/app/components/comment/_theme/_dark/comment_theme_dark.css
index 3f4ab19f..be0a5439 100644
--- a/frontend/apps/remark42/app/components/comment/_theme/_dark/comment_theme_dark.css
+++ b/frontend/apps/remark42/app/components/comment/_theme/_dark/comment_theme_dark.css
@@ -45,7 +45,11 @@
   }
 
   & .comment__time {
-    color: var(--color11);
+    color: var(--color35);
+
+    &:hover {
+      color: var(--color1);
+    }
   }
 
   & .comment__user-id {
@@ -54,6 +58,10 @@
 
   & .comment__username {
     color: var(--color10);
+
+    &:hover {
+      color: var(--color33);
+    }
   }
 
   &.comment_editing {
diff --git a/frontend/apps/remark42/app/components/comment/_theme/_light/comment_theme_light.css b/frontend/apps/remark42/app/components/comment/_theme/_light/comment_theme_light.css
index ad8157ca..50f7f0f7 100644
--- a/frontend/apps/remark42/app/components/comment/_theme/_light/comment_theme_light.css
+++ b/frontend/apps/remark42/app/components/comment/_theme/_light/comment_theme_light.css
@@ -46,6 +46,10 @@
 
   & .comment__time {
     color: var(--color11);
+
+    &:hover {
+      color: var(--color10);
+    }
   }
 
   & .comment__user-id {
diff --git a/frontend/apps/remark42/app/components/comment/comment.module.css b/frontend/apps/remark42/app/components/comment/comment.module.css
index 88602e34..12d59efd 100644
--- a/frontend/apps/remark42/app/components/comment/comment.module.css
+++ b/frontend/apps/remark42/app/components/comment/comment.module.css
@@ -32,7 +32,7 @@
   display: inline-flex;
   height: 1rem;
   width: 1rem;
-  color: var(--color35);
+  color: var(--color1);
   justify-content: center;
   align-items: center;
 
@@ -40,3 +40,11 @@
     color: var(--color29);
   }
 }
+
+:global(.dark) .threadStarterAnchor {
+  color: var(--color11);
+
+  &:hover {
+    color: var(--color41);
+  }
+}
diff --git a/frontend/apps/remark42/app/components/raw-content/raw-content.css b/frontend/apps/remark42/app/components/raw-content/raw-content.css
index 7e9b5e9c..a8158566 100644
--- a/frontend/apps/remark42/app/components/raw-content/raw-content.css
+++ b/frontend/apps/remark42/app/components/raw-content/raw-content.css
@@ -27,9 +27,9 @@
 
   & a {
     color: var(--color9);
+    text-decoration: underline;
 
     &:hover {
-      color: var(--color33);
       text-decoration: none;
     }
   }
diff --git a/frontend/apps/remark42/app/components/root/_theme/_dark/root_theme_dark.css b/frontend/apps/remark42/app/components/root/_theme/_dark/root_theme_dark.css
index 476bfdbd..8fb009b0 100644
--- a/frontend/apps/remark42/app/components/root/_theme/_dark/root_theme_dark.css
+++ b/frontend/apps/remark42/app/components/root/_theme/_dark/root_theme_dark.css
@@ -1,22 +1,6 @@
 .root_theme_dark {
   color: var(--color20);
 
-  & a {
-    color: var(--color20);
-  }
-
-  & a:hover {
-    color: var(--color6);
-  }
-
-  & a:visited {
-    color: var(--color39);
-  }
-
-  & a:active {
-    color: var(--color39);
-  }
-
   & .root__copyright {
     color: var(--color1);
   }
diff --git a/frontend/apps/remark42/app/styles/custom-properties.css b/frontend/apps/remark42/app/styles/custom-properties.css
index affc7bcc..5836cdea 100644
--- a/frontend/apps/remark42/app/styles/custom-properties.css
+++ b/frontend/apps/remark42/app/styles/custom-properties.css
@@ -43,7 +43,6 @@
   --color38: #ef0000;
   --color27: #f98989;
   --color26: #ffd7d7;
-  --color39: #6d4b8d;
   --color30: 204, 6, 6;
   --color12: 37, 158, 6;
 
diff --git a/frontend/apps/remark42/app/styles/global.css b/frontend/apps/remark42/app/styles/global.css
index e59b3d18..0778235a 100644
--- a/frontend/apps/remark42/app/styles/global.css
+++ b/frontend/apps/remark42/app/styles/global.css
@@ -30,6 +30,16 @@ button {
   cursor: pointer;
 }
 
+a {
+  color: var(--color9);
+  text-decoration: none;
+  cursor: pointer;
+
+  &:hover {
+    color: var(--color33);
+  }
+}
+
 #remark42 {
   height: 100%;
 }