わかります。
実際作っていてこれは紛らわしいなあとは思いました。
原因の一つとしてコードネームが通常ページでの表示のように[]で囲まれていないということがあります。
囲まないようにした理由は限られたスペースに出来るだけ大きくコードネームを表示したかったからです。
ルートナンバーとコードネーム間は改行されているため文字で分離する必要がないという判断から、少しでも文字数を減らして大きなフォントでもはみ出さないようということで[]を省きました。
「全体を小さくしてでも[7]・/7の視認性を上げるため[]をつける」か「[7]・/7の視認性を妥協して全体の表示を大きくする」かの選択で後者を取ったということなのです。
将来的に何かいいアイデアを思いつけば変更すると思いますが現状はそういうことになっています。

@doco 分数コードは二つボタンを押すのに色が付かないのも何か理由があるのでしょうか？

音楽的な理由でなければ色をつけるだけですごく視認性が上がりそうですが。

配色はInstaChordizer独自のものではなく、ほかのインスタコード系ツール(コード譜ライターやtoICN)に合わせただけなのです。
なのでどうしてこの配色になっているのかという理由は考案者(おそらく)であるYu-ichiさんに伺ってみないことにはちょっとわからないですね。