html.dark-mode {

    button.theme-btn {
      background-image: url(./images/sun.svg);
    }
  
    /* following two classes only used on footer links */
    .hidden-light {
      display: flex;
    }
  
    .hidden-dark {
      display: none;
    }
    /* ******  */
  
    .submenu-content {
      box-shadow: 1px 2px var(--hover-bg);
      background-color: var(--card-bg);
    }
  
    #navmenu>li:hover {
      ul {
        background-color: var(--card-bg);
      }
    }
    
    .blog-excerpt {
      color: var(--notice-accent);
    }
  }