Adding a header to the beamer

beamerpresentations

I am preparing my presentation and I saw a template that has a black header (works like the outline) and I want to add a similar one to my project, I also want the header color to be like the color behind "My name" in the footer

Here is my project in overleaf which contains "My Project" and the one I "want its header"

Edit: I deleted overleaf link because the problem has been solved, in case you are interested you can see the code in the accepted answer

Note: I couldn't give you a specific code because I actually do not know how that kind of headers work

Best Answer

Use in your preamble:

%%%%%%%%%%%%%%%%%%%%%%%%THEME%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\usetheme{Boadilla}
\usecolortheme{spruce}

\usefonttheme{default}  
\setbeamertemplate{navigation symbols}{}
\setbeamertemplate{caption}[numbered]

\useoutertheme[subsection=true]{miniframes} %<<<<<<<<<<<<<<<<
\setbeamercolor{section in head/foot}{fg=white, bg=black} %<<<<<<<<<<<<<<<<
\setbeamercolor{subsection in head/foot}{fg=white, bg=gray} %<<<<<<<

\setbeamercolor{title in head/foot}{fg=black, bg=white!50!MSUgreen} %<<<<<<<<<<<<<<<<
\setbeamercolor{author in head/foot}{fg=white!85!MSUgreen, bg=MSUgreen} %<<<<<<<<<<<<<<<<
  

a

UPDATE after follow-up question

Using \documentclass[compress]{beamer} to have the dots of the header arranged horizontally

b