body.darkMode,
body.darkMode header {
  background: #1d1d1d;
  color: #fff;
}

body.darkMode footer {
  background: #151515;
}
body.darkMode footer .links a,
body.darkMode footer span,
body.darkMode .content .imagebox .card .title {
  color: #fff;
}

body.darkMode header .searchbox {
  background: #000;
}

body.darkMode header .searchbox input {
  color: white;
  caret-color: white;
}

body.darkMode header .logo {
  color: white;
}

body.darkMode header .searchContainer #suggestionBox {
  background: #2c2c2c;
}

body.darkMode header .searchContainer #suggestionBox .suggestion:hover {
  background: #5a5a5a;
}

body.darkMode .blog .imagesBox .card {
  background: #323232;
}

.sharebx h4 {
  color: black;
  font-weight: 600;
}

body.darkMode .viewWallpaperBox .options a.info.report,
body.darkMode .viewWallpaperBox .options a.info.report i {
  color: #ffbcbc;
}

body.darkMode .viewWallpaperBox .options span.info {
  color: #eee;
}

header #darkModeBtn {
  width: 30px;
  height: 30px;
  object-fit: contain;
  margin: auto;
  border-radius: 100%;
  background: #000;
  position: absolute;
  top: 23px;
  right: 30px;
  transition: linear 0.5s;
  cursor: pointer;
  padding: 5px;
  /* box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3); */
}

header #darkModeBtn {
  background: #000;
  filter: sepia(1);
}

body.darkMode header #darkModeBtn {
  background: #fff !important;
  filter: none;
}

body.darkMode .blog .tags .tagsBox a.tag {
  color: white;
  background: #323232;
}

body.darkMode .viewWallpaperBox {
  box-shadow: none;
}

.promo .text {
  background: #343434 !important;
}
.promo .text .appname {
  color: white !important;
}

body.darkMode .promo .text {
  background: #e9e9e9 !important;
}

body.darkMode .promo .text .appname {
  color: black !important;
}