2022-12-08 12:14:18 +08:00
|
|
|
import { css, Global } from '@emotion/react';
|
|
|
|
import React from 'react';
|
|
|
|
import useSiteToken from '../../../hooks/useSiteToken';
|
|
|
|
|
|
|
|
export default () => {
|
|
|
|
const { token } = useSiteToken();
|
|
|
|
return (
|
|
|
|
<Global
|
|
|
|
styles={css`
|
2022-12-19 13:23:28 +08:00
|
|
|
#nprogress {
|
|
|
|
.bar {
|
|
|
|
background: ${token.colorPrimary};
|
|
|
|
}
|
2022-12-08 12:14:18 +08:00
|
|
|
|
2022-12-19 13:23:28 +08:00
|
|
|
.peg {
|
|
|
|
box-shadow: 0 0 10px ${token.colorPrimary}, 0 0 5px ${token.colorPrimary};
|
|
|
|
}
|
2022-12-08 12:14:18 +08:00
|
|
|
|
2022-12-19 13:23:28 +08:00
|
|
|
.spinner-icon {
|
|
|
|
border-top-color: ${token.colorPrimary};
|
|
|
|
border-left-color: ${token.colorPrimary};
|
2022-12-08 12:14:18 +08:00
|
|
|
}
|
2022-12-19 13:23:28 +08:00
|
|
|
}
|
|
|
|
`}
|
2022-12-08 12:14:18 +08:00
|
|
|
/>
|
|
|
|
);
|
|
|
|
};
|