Skip to content

Conversation

@null8626
Copy link
Contributor

@null8626 null8626 commented Sep 16, 2025

The following pull request is a toned down version of #100. This pull request focuses on the changes done to the documentation website on the visual side of things, such as:

  • Making the deprecated tag actually visible.
  • Removing unused imports in the React components.
  • Using the manrope font to be consistent with the main website.
  • Replacing template Docusaurus icons with Top.gg's.
  • Adding a Discord Server link to the navbar.
  • Bumping the npm dependencies and dev dependencies.
  • Fixing this visual bug on light mode:
image

@null8626
Copy link
Contributor Author

(The big diff comes from package-lock.json.)

const getStyle = (method, colorMode) => (colorMode === "dark" ? darkModeMappings : lightModeMappings)[method];

const HeaderWrapper = styled.div`
border: 1px solid ${(props) => mappings[props.method].border};
Copy link
Contributor

Choose a reason for hiding this comment

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

Instead of using react, I would highly recommend using CSS variables which can be set in custom.css

e.g.

:root {
  --header-border-style: 1px solid #c1e3d0;
}

[data-theme="dark"] {
  --header-border-style: 1px solid #c9c9ee;
}

Copy link
Contributor

Choose a reason for hiding this comment

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

This may cause desync issues on the UI if we rely on the react hook

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Resolved. Already tested this one, should be identical.

image

Comment on lines -82 to -88
a {
color: unset;
text-decoration: underline;
}
a:hover {
color: unset;
opacity: 0.8;
Copy link
Contributor

Choose a reason for hiding this comment

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

why are these removed?

Copy link
Contributor Author

@null8626 null8626 Sep 18, 2025

Choose a reason for hiding this comment

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

I thought it would pop up more visually with those rules removed. This is what those rules do:

image

With those rules removed:

image

This is even less noticeable on light mode.

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.

3 participants