Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-08-09 22:54:51 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: theme add links underline options

Browse Source
This commit is contained in:
Loïc Fürhoff 2021-04-30 11:03:54 +02:00
parent 4b072be8d1
commit 2e626d114a
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Markdown/styled.elements.tsx
View File

@ -6,7 +6,7 @@ import { StyledComponent } from 'styled-components';
export const linksCss = css` export const linksCss = css`
a { a {
text-decoration: none; text-decoration: ${props => props.theme.typography.links.textDecoration};
color: ${props => props.theme.typography.links.color}; color: ${props => props.theme.typography.links.color};
&:visited { &:visited {
@ -14,7 +14,8 @@ export const linksCss = css`
} }
&:hover { &:hover {
color: ${props => props.theme.typography.links.hover}; color: ${props => props.theme.typography.links.hover.color};
text-decoration: ${props => props.theme.typography.links.hover.textDecoration};
} }
} }
`; `;

12
src/theme.ts
View File

@ -127,7 +127,11 @@ const defaultTheme: ThemeInterface = {
links: { links: {
color: ({ colors }) => colors.primary.main, color: ({ colors }) => colors.primary.main,
visited: ({ typography }) => typography.links.color, visited: ({ typography }) => typography.links.color,
hover: ({ typography }) => lighten(0.2, typography.links.color), hover: {
color: ({ typography }) => lighten(0.2, typography.links.color),
textDecoration: ({ typography }) => typography.links.textDecoration,
},
textDecoration: 'none'
}, },
}, },
sidebar: { sidebar: {
@ -306,7 +310,11 @@ export interface ResolvedThemeInterface {
links: { links: {
color: string; color: string;
visited: string; visited: string;
hover: string; hover: {
color: string;
textDecoration: string;
};
textDecoration: string;
}; };
}; };
sidebar: { sidebar: {