I am trying to make a presentation and there is an annoying feature of the template I am using which I would like to get rid of. Here is the code I use
\documentclass[10pt,xcolor={dvipsnames}]{beamer}
\usefonttheme{professionalfonts}
\usetheme{Frankfurt}
\usecolortheme[]{whale}
\setbeamercolor{background canvas}{bg=gray!20!}
\setbeamercolor{palette primary}{bg=Green!90!black!200!}
\setbeamercolor{palette miniframes primary}{fg=magenta}
\begin{document}
\begin{frame}[plain]
\titlepage
\end{frame}
\section{Section I}
\begin{frame}{First Frame}
\end{frame}
\section{Section II}
\begin{frame}{Second Frame}
\end{frame}
\end{document}
As you can see, at the top of the frame, there are three layers: the top one in black, the middle one in light green, and the bottom one in green. As can be seen in the photo, the middle layer covers part of the white circles appearing in the top one (they count the slides in each section). I would like to either get rid of the middle layer or force it to not cover the circles counting the slides in the top layer.
I would appreciate any help.

