Diagrama de alineación de secuencia con tikz.

Question

Estoy intentando crear un diagrama de alineación del ADN. Esto es lo que tengo:

\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}

¿Cómo puedo hacer que lo que está en la parte superior parezca una secuencia única con sus partes resaltadas, es decir, más como

Answer 1

Primero dibuja los cuadros en la parte superior sin marcos y luego un cuadro alrededor de todos ellos:

\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 abordar el problema del borde blanco. Las alturas de las cajas no cambiaron; Probablemente fue solo un artefacto creado por mi visor de PDF (del cual tomé la captura de pantalla).

Answer 2

Además de la respuesta de Michael:

las alturas de las cajas todavía eran desiguales; Lo arreglé \vphantomasí:

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