\usepackage[most]{tcolorbox}
\usepackage{enumitem}
\definecolor{note-bg}{HTML}{EFF1F3}
\definecolor{note-frame}{HTML}{D8DEE4}
\newenvironment{note}{%
\setlist{nosep}
\begin{tcolorbox}[%
colback=note-bg,
colframe=note-frame,%
sharp corners,%
breakable,%
enhanced,%
parbox=false
]%
}{%
\end{tcolorbox}%
}\chapter{Foo Considered Harmful}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie sem
ligula, sed efficitur neque condimentum vel. Suspendisse lobortis eros at
aliquam dignissim. In ullamcorper nunc vitae neque tristique varius. Donec
elementum justo sit amet tortor placerat ullamcorper. Aenean efficitur in dui
at tincidunt. Fusce ut condimentum massa. Duis sollicitudin feugiat
condimentum. Sed pharetra lectus diam, nec pharetra turpis vehicula et. Sed
porta egestas leo, at consequat orci iaculis aliquam. Phasellus condimentum
tortor sit amet urna porta, eu rhoncus purus tristique. Morbi massa odio,
placerat quis rhoncus in, porta sit amet diam. Quisque venenatis luctus
porttitor. Phasellus suscipit nunc ante, id malesuada elit porta sed. Nam nec
risus vel nibh maximus aliquet. Integer justo diam, ullamcorper imperdiet
fringilla at, bibendum ac erat. Maecenas leo lectus, egestas sed ante eu,
tincidunt pharetra ex.
\begin{note}
Note:
Getewu luner icolus tene ladan. Tiexeli sid iecidare rar qu retehe tite bere nimie. Torole yeyerab ditir lie. Tieguc goc upiter no tosi yegesat nono su nit, bog si ti necet lufu: Datapo abe kemie reboti. Akese co mu.
Todo:
\begin{itemize}
\item foo
\item bar
\item qux
\item baz
\end{itemize}
\end{note}
Integer convallis, elit at ullamcorper porta, nisl elit congue enim, at gravida
felis dolor non tortor. Aenean bibendum dapibus rhoncus. Sed iaculis rutrum
lorem, eget ornare arcu rutrum sit amet. Donec sit amet finibus magna. Maecenas
in quam ornare, fringilla nibh non, mattis massa. Donec est elit, posuere ut
faucibus vel, ullamcorper ut tortor. In ac felis ante. Orci varius natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce
rhoncus ipsum nec dui commodo, et dapibus metus euismod. Donec nec ex mattis,
pulvinar justo vitae, pretium justo. Sed in cursus diam. Quisque tincidunt
justo viverra enim aliquam faucibus. Etiam porttitor laoreet lorem. Proin
lectus enim, gravida vel rhoncus in, rutrum at dolor. Phasellus commodo dictum
quam sed semper.
