►
From YouTube: Create:Editor - Code block highlight selection
A
With
the
themes
and
going
on
now,
I
was
thinking
about
what
that
would
look
like
with
the
source
editor
or
with
the
content.
Editor.
Sorry,
so
first
kind
of
went
with
this
approach,
where
essentially
taking
the
existing
rendered
part
and
slapping
on
a
header
that
would
allow
you
to
switch
type.
There's
this
copy
here
around
code
block,
but
then
down
here
in
this
triple
dots
would
be
like
actions
to
delete
or
delete
would
be
the
main
one.
A
I
think
that's
interesting.
I
think,
there's
cases
where
you
have
different
themes.
For
example,
if
you
use
the
solarize
one
it'll
be
yellow,
so
you
know
we'll
probably
have
to
have
logic
to
then
toggle
the
different
colors
of
what
color
we
want
to
make
this
so
that
it
stands
out
properly,
so
experimenting
some
more
and
then
I
kind
of
landed
upon
this.
A
A
If
we
had
the
extra
space,
it
would
actually
look
like
where
we're
heading
with
this
design
and
there's
an
extra
pad
a
little
bit
of
padding
at
the
top
and
bottom
a
little
bit
of
padding
at
the
top
and
bottom,
but
in
this
scenario,
that
top
bottom
without
any
borders
or
separation
lines
allows
us
to
be
tight
with
the
spacing
here
without
making
it
look
too
too
tight,
because
there's
not
an
extra
container
around
this
area
visually.
So
it
just
looks
like
it's
part
of
it.
A
I
think
we
can
look
at
the
implementation
and
see
how
that
might
look
with
this
in
encode
and
see
how
it
actually
looks
versus
in
design.
But
this
is,
I
think,
a
good
approach
for
handling
code
blocks,
especially
changing
the
type
that
we
have
here,
and
the
type
that
we
have
here
should
be
matched
to
what
exists
in
highlight.js.
So
if
we
go
to
highlight.js.