diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css
index b55d741ab..fba4514a5 100644
--- a/apps/client/src/stylesheets/theme-next-dark.css
+++ b/apps/client/src/stylesheets/theme-next-dark.css
@@ -74,11 +74,12 @@
--select-arrow-svg: url("data:image/svg+xml,");
--select-group-heading-text-color: gray;
- --link-hover-background: #ffffff26;
- --link-hover-color: white;
+ --link-color: #95c3d9;
+ --link-hover-background: #0874a33d;
+ --link-hover-color: var(--link-color);
--hover-item-text-color: #efefef;
- --hover-item-background-color: #ffffff24;
+ --hover-item-background-color: #ffffff16;
--hover-item-border-color: transparent;
--active-item-text-color: var(--left-pane-text-color);
@@ -240,8 +241,6 @@
--selection-background-color: #3399FF70;
- --link-color: #95c3d9;
-
--mermaid-theme: dark;
--code-block-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css
index 612c694fa..c5828ab17 100644
--- a/apps/client/src/stylesheets/theme-next-light.css
+++ b/apps/client/src/stylesheets/theme-next-light.css
@@ -74,8 +74,9 @@
--select-arrow-svg: url("data:image/svg+xml,");
--select-group-heading-text-color: gray;
- --link-hover-background: #00000012;
- --link-hover-color: black;
+ --link-color: #0076af;
+ --link-hover-background: #3c7fa017;
+ --link-hover-color: var(--link-color);
--hover-item-text-color: black;
--hover-item-background-color: #0000001a;
@@ -238,8 +239,6 @@
--selection-background-color: #3399FF70;
- --link-color: #0d6793;
-
--mermaid-theme: default;
--code-block-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.2);
diff --git a/apps/client/src/stylesheets/theme-next/forms.css b/apps/client/src/stylesheets/theme-next/forms.css
index 2d87245d7..abe65e911 100644
--- a/apps/client/src/stylesheets/theme-next/forms.css
+++ b/apps/client/src/stylesheets/theme-next/forms.css
@@ -637,8 +637,8 @@ body a.tn-link:visited,
border-radius: 4px;
background: var(--background);
color: var(--link-color);
- font-weight: normal;
- text-decoration: underline;
+ font-weight: 500;
+ text-decoration: none;
transition:
background-color 200ms ease-out,
@@ -657,6 +657,7 @@ body a.tn-link:hover,
box-shadow: 0 0 0 4px var(--link-hover-background);
--background: var(--link-hover-background);
color: var(--link-hover-color);
+ text-decoration: underline;
transition:
background-color 100ms ease-in,