mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-17 15:09:31 +00:00
59 lines
1.2 KiB
JavaScript
59 lines
1.2 KiB
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%
|
|
);
|
|
}
|
|
|
|
// 自定义滚动条
|
|
::-webkit-scrollbar {
|
|
width: 5px;
|
|
height: 5px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: #4338ca;
|
|
}
|
|
|
|
* {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: #4338ca transparent;
|
|
}
|
|
`}</style>
|
|
)
|
|
}
|
|
|
|
export { Style }
|