update links styles

umputun · Oct 28, 2023 · 676ae77 · 676ae77
1 parent b93fc48
commit 676ae77
Show file tree

Hide file tree

Showing 8 changed files with 33 additions and 27 deletions.
diff --git a/...apps/remark42/app/components/comment-form/__markdown-link/comment-form__markdown-link.css b/...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
@@ -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
@@ -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
@@ -32,11 +32,19 @@
   display: inline-flex;
   height: 1rem;
   width: 1rem;
-  color: var(--color35);
+  color: var(--color1);
   justify-content: center;
   align-items: center;
 
   &:hover {
     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
@@ -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
@@ -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
@@ -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
@@ -30,6 +30,16 @@ button {
   cursor: pointer;
 }
 
+a {
+  color: var(--color9);
+  text-decoration: none;
+  cursor: pointer;
+
+  &:hover {
+    color: var(--color33);
+  }
+}
+
 #remark42 {
   height: 100%;
 }