mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-18 07:26:48 +00:00
32 lines
736 B
JavaScript
32 lines
736 B
JavaScript
/* eslint-disable react/no-unknown-property */
|
|
/**
|
|
* 此处样式只对当前主题生效
|
|
* 此处不支持tailwindCSS的 @apply 语法
|
|
* @returns
|
|
*/
|
|
const Style = () => {
|
|
return <style jsx global>{`
|
|
// 底色
|
|
body{
|
|
background-color: #f5f5f5
|
|
}
|
|
.dark body{
|
|
background-color: black;
|
|
}
|
|
|
|
/* 设置了从上到下的渐变黑色 */
|
|
#theme-matery .header-cover::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0) 25%, rgba(0,0,0,0.2) 75%, rgba(0,0,0,0.5) 100%);
|
|
}
|
|
|
|
`}</style>
|
|
}
|
|
|
|
export { Style }
|