Почему кнопка нажимается со второго раза? Как исправить?

Question

Привет, создал кнопку, которая переключает тему сайта, и обратно бесчисленное количество раз.
Но есть одна проблема, кнопка нажимается со второго раза а дальше все нормально.

Код кнопки:
HTML:
<button onclick = "theme()" id = "themeButton">
<font face = "Arial" size = "4" color = "#fff3d1"><b>Сменить тему</b></font>
</button>
CSS:
#themeButton {
position: fixed;
height: 112px;
width: 112px;
border: 6px solid #ffdca2;
border-radius: 50%;
background: #140e07;
padding: 1px;
right: 18px;
bottom: 218px;
outline: none;
}
JavaScript не помещается, но там просто для всех тегов и элементов станицы такие подобные записи:
var txt = document.getElementsByTagName("font");
И циклы к ним.

Answer 1

Can you tell your problem in english language it will be easy to understood your question.
Here mostly peoples know english.

Answer 2

Ok, i try, thank you!

Answer 3

Ok, no problems xD

Answer 4

Если вы ожидаете действительно полезного ответа, пожалуйста, скопируйте нужный код на игровую площадку Sololearn и укажите здесь ссылку на него. Вы знали об этом?
Кстати, я хотел бы закодировать
var dark = false;
function theme(){
if(!dark){
darkTheme();
dark = !dark;
} else {
brightTheme();
dark = !dark;
}
}