Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: adjust API link underline color and API background color #210

Closed

Conversation

IronCore864
Copy link
Contributor

Changes:

  • Link underline in API should be blue, same as link text, no matter in light mode or dark mode.
  • Light mode API background uses a much lighter grey to match "light" mode. On hover it becomes slightly darker to pop up (even lighter doesn't work).
  • Dark mode API background uses a much darker grey to match "dark" mode. On hover it becomes slightly lighter to pop up.

Closes #209.


Preview

Light Mode

Before:

light-mode

After:

light-mode-changed

Light Mode Hover

Before:

light-mode-hover

After:

light-mode-hover-changed

Dark Mode

Before:

dark-mode

After:

dark-mode-changed

Dark Mode Hover

Before:

dark-mode-hover

After:

dark-mode-hover-changed

Copy link
Collaborator

@ru-fu ru-fu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Definitely an improvement for the underline and the API background, thanks!
I'm just a little confused about the color-background-hover - is that change intentional?

@@ -8,10 +8,11 @@ body {
--color-foreground-secondary: var(--color-foreground-primary);
--color-foreground-muted: #333;
--color-background-secondary: #FFF;
--color-background-hover: #f2f2f2;
--color-background-hover: #CDCDCD;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do you have an example for where this one is used?

@@ -68,6 +71,8 @@ body {
--color-background-hover: #666;
--color-brand-primary: #fff;
--color-brand-content: #06C;
--color-api-background: #333;
--color-api-background-hover: #666;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A little concerned about the contrast for links with this one - but it's only on hover, so should be okay for now.

@ru-fu
Copy link
Collaborator

ru-fu commented May 28, 2024

Covered by #220

@ru-fu ru-fu closed this May 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Link underline color looks weird in API, and API background color in light/dark mode looks not very good.
2 participants