day and night mode cookies

.switcher {
  height: auto;
  color:red
}

.switcher a {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 1px;
  font-style: normal;
  line-height: 1;
  padding: 5px 10px;
  color: red;
  border-radius: 2px
  cursor: pointer;
}

.switcher a:hover {
  color: green;
}

.pageskin .pageskin-remove,
.switcher a {
  text-transform: uppercase;
  cursor: pointer;

}

.switcher-mode-on {
   cursor: pointer;
   color:blue;
}
	
.switcher-mode-off {
  cursor: pointer;
  color:red;
}

.ff-hide,
.hide {
  display: none !important;
}

<a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>

<a class="switcher-mode-on hide"><i class="fas fa-moon"title="Open Game Mode"></i></a> <a class="switcher-mode-off hide"><i class="far fa-moon"title="Close Game Mode"></i></a>

<script type="text/javascript" src="{$mybb->asset_url}/images/moonmode.js"></script>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css"/>