%color_white {
    color: #fff;
}

%color_black {
    color: #000;
}

%bg_color_black {
    background: #000;
}

%bg_color_white {
    background: #fff;
}
%bg_color_sharp {
  background: #222;
}

%box_shadow {
  box-shadow: 0px 0px 3px 0px rgb(173 173 173);
}


.royalnews-dark-mode {
  @extend %bg_color_black;
  .royalnews-site-title, .royalnews-site-title a, .royalnews-site-description, 
  .royalnews-site-branding .royalnews-site-title a, 
  .royalnews-time-wrapper .royalnews-time-inner time, .royalnews-post-title a, 
  .royalnews-post-title, .royalnews-post-excerpt, .royalnews-post-excerpt p,
  .site-content .royalnews-post-content-area .royalnews-post-content-wrapper .royalnews-post-content .royalnews-post-content-inner .royalnews-blog .royalnews-post-info-wrapper .royalnews-post-title a,
  .royalnews-post-meta .royalnews-post-author .royalnews-author-text, .royalnews-post-meta .royalnews-post-author:before,
  .royalnews-post-meta .royalnews-post-author .royalnews-author-link, .royalnews-post-meta .royalnews-posted-on:before,
  .royalnews-post-meta .royalnews-posted-on a, .royalnews-post-meta .royalnews-comments a,
  .site-content .royalnews-post-content-area .royalnews-post-content-wrapper .royalnews-post-content .royalnews-post-content-inner .royalnews-blog .royalnews-post-info-wrapper .royalnews-post-excerpt .royalnews-readmore-wrap a,
  .royalnews-footer-news-wrapper .footer-news-title, body, h1, .entry-title a, 
  .entry-content h1, h2, .entry-content h2, h3, .entry-content 
  h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6, .royalnews-single-content p,
  .comment-notes, input[type="text"], input[type="email"], 
  input[type="url"], input[type="password"], input[type="search"], 
  input[type="number"], input[type="tel"], input[type="range"], input[type="date"], 
  input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], 
  input[type="datetime-local"], input[type="color"], textarea, .comment-respond .comment-form label,
  .royalnews-single-post-navigator-wrap .post-navigation .nav-links > div a,
  .royalnews-sidebar-content-wrapper aside section ul li a, .wp-block-column p, 
  .royalnews-footer-inner .royalnews-footer-widget-area .widget > div ul li a, .wp-block-calendar table caption, 
  .wp-block-calendar table tbody, .royalnews-archive-post-navigator-wrap .pagination .nav-links > * {
    @extend %color_white; 
  }


  .royalnews-blog.sticky .royalnews-post-wrapper, .comment-notes,
  .comment-respond .comment-form input:not([type=checkbox]):not([type=submit]), 
  .comment-respond .comment-form textarea,
  .royalnews-single-post-navigator-wrap .post-navigation .nav-links > div,
  .wp-block-search__button, 
  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input,
  .royalnews-footer-inner .royalnews-footer-widget-area,
  .royalnews-single-page-header-wrapper .royalnews-single-page-header-inner, 
  .royalnews-archive-post-navigator-wrap .pagination .nav-links {
    @extend %bg_color_sharp;
  }



  .site-content .royalnews-post-content-area .royalnews-post-content-wrapper .royalnews-post-content .royalnews-post-content-inner .royalnews-blog .royalnews-post-wrapper,
  .royalnews-sidebar-content-wrapper aside section {
    @extend %box_shadow
  }
}