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,