docs: update changelog dark theme color

This commit is contained in:
moonrailgun 2024-01-08 23:21:11 +08:00
parent 1e0d077f2a
commit f585dba206

View File

@ -16,14 +16,14 @@ import 'react-vertical-timeline-component/style.min.css';
const timelineStyle: Record<string, VerticalTimelineElementProps> = { const timelineStyle: Record<string, VerticalTimelineElementProps> = {
current: { current: {
className: 'vertical-timeline-element--work', className: 'vertical-timeline-element--work',
dateClassName: 'text-black', dateClassName: 'text-black dark:text-white',
contentStyle: { background: 'rgb(33, 150, 243)', color: '#fff' }, contentStyle: { background: 'rgb(33, 150, 243)', color: '#fff' },
contentArrowStyle: { borderRight: '7px solid rgb(33, 150, 243)' }, contentArrowStyle: { borderRight: '7px solid rgb(33, 150, 243)' },
iconStyle: { background: 'rgb(33, 150, 243)', color: '#fff' }, iconStyle: { background: 'rgb(33, 150, 243)', color: '#fff' },
icon: <AiFillThunderbolt />, icon: <AiFillThunderbolt />,
}, },
normal: { normal: {
className: 'vertical-timeline-element--work', className: 'vertical-timeline-element--work dark:text-neutral-600',
iconStyle: { background: 'rgb(33, 150, 243)', color: '#fff' }, iconStyle: { background: 'rgb(33, 150, 243)', color: '#fff' },
icon: <AiOutlineCheck />, icon: <AiOutlineCheck />,
}, },
@ -36,7 +36,7 @@ const timelineStyle: Record<string, VerticalTimelineElementProps> = {
function Timeline() { function Timeline() {
return ( return (
<div className="bg-gray-100"> <div className="bg-gray-100 dark:bg-neutral-700">
<VerticalTimeline> <VerticalTimeline>
<VerticalTimelineElement {...timelineStyle.current} date="now"> <VerticalTimelineElement {...timelineStyle.current} date="now">
<h3 className="vertical-timeline-element-title">Still Developing</h3> <h3 className="vertical-timeline-element-title">Still Developing</h3>