Diagrama de alinhamento de sequência com tikz

Question

Estou tentando criar um diagrama de alinhamento de DNA. Aqui está o que eu tenho:

\definecolor{color1}{RGB}{255,183,236}
\definecolor{color2}{RGB}{255,249,158}

\begin{center}
\begin{tikzpicture}
  \node (read) [rectangle,draw,fill=color1] {TTTCAGATTT};
  \node (refread) at (1,3) [rectangle,draw,fill=color1] {TTTCAGATTT};
  \node at (refread.west) [rectangle,draw,fill=color2,anchor=east] {ACCAGG};
  \node at (refread.east) [rectangle,draw,fill=color2,anchor=west] {AAA};
  \draw[->]{(read) -- (refread)};
\end{tikzpicture}
\end{center}

Como posso fazer com que a coisa no topo pareça uma sequência única com suas partes destacadas, ou seja, mais parecida com

Answer 1

Desenhe as caixas na parte superior sem moldura primeiro e depois uma caixa ao redor de todas elas:

\begin{tikzpicture}
  \node (read) [rectangle,draw,fill=color1] {TTTCAGATTT};

  \node (refread) at (1,3) [rectangle,fill=color1,inner xsep=0pt,line width=0] {TTTCAGATTT};
  \node (first) at (refread.west) [rectangle,fill=color2,anchor=east,inner xsep=0pt,,line width=0] {\,ACCAGG};
  \node (last) at (refread.east) [rectangle,fill=color2,anchor=west,inner xsep=0pt,line width=0] {AAA\,};
  \draw (first.south west) rectangle (last.north east);

  \draw[->]{(read) -- (refread)};
\end{tikzpicture}

Editar: modificado para resolver o problema da borda branca. As alturas das caixas não mudaram; provavelmente foi apenas um artefato criado pelo meu visualizador de PDF (do qual tirei a captura de tela).

Answer 2

Além da resposta de Michael:

as alturas das caixas ainda eram irregulares; Eu consertei isso \vphantomassim:

\node at (refread.east) [...] {\vphantom{ACTG}AAA\,};