-
Notifications
You must be signed in to change notification settings - Fork 59
fix: stylistic tweaks and fixes #101
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
base: master
Are you sure you want to change the base?
Conversation
|
(The big diff comes from |
| const getStyle = (method, colorMode) => (colorMode === "dark" ? darkModeMappings : lightModeMappings)[method]; | ||
|
|
||
| const HeaderWrapper = styled.div` | ||
| border: 1px solid ${(props) => mappings[props.method].border}; |
There was a problem hiding this comment.
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;
}There was a problem hiding this comment.
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
There was a problem hiding this comment.
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.
| a { | ||
| color: unset; | ||
| text-decoration: underline; | ||
| } | ||
| a:hover { | ||
| color: unset; | ||
| opacity: 0.8; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
why are these removed?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.


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:
deprecatedtag actually visible.manropefont to be consistent with the main website.