.darkmode {
    --color-new-blue: #000;
    --color-new-blue-700: #000;
    --color-new-yellow: #7c7c7c;
    --color-new-cyan-200: #7c7c7c;
    --color-new-red: #1f1f1f;
    --color-new-red-100: #ff5555;
    --color-new-orange: #000;
    --color-new-lightblue: #000;
    --color-new-lightblue-tab:#7c7c7c;
    --color-new-lightblue-100: #7c7c7c;
    --color-new-red-btn:var(--color-new-lightblue-tab);
    --color-new-lightblue-50: #00d1ff;
    --color-new-bluewhite: #ecedf4;
    --color-new-cyan: #fff;
    --color-new-green: #000;
    --color-new-green-200: #000;
    --color-new-purple: #000;
    --color-white-universal: #fff;
    --color-modalBack-green: #010029;
    --color-new-interaction-pannel: rgba(0, 0, 0, 0.4);
    --color-new-modalProfile: rgba(0, 0, 0, 0.4);
    --color-modalBack-green: rgba(0, 0, 0, 0.4);
    --color-heading-new-yellow: #fff;
    --color-heading-new-red: #fff;
    --color-new-login-btn: var(--color-new-yellow);
    --color-heading-new-lightblue: #fff;
    --color-new-link-blue: var(--color-new-cyan);
    --color-new-purple-interest:#fff;
    --color-new-bannerBlue:rgba(32, 23, 57, 0.55);
    --color-new-username-green:var(--color-new-lightblue-100);
    --color-new-connect-orange:var(--color-new-lightblue-100);
    --color-new-modal-green-200:var(--color-new-lightblue-100);
    --color-new-upload-lightblue:var(--color-new-lightblue-100);
  
  }
  .darkmode .dropdown-content-interest, .darkmode .dropdown-content{
    filter: grayscale(1);
  }
  .darkmode .topics-title-banner,.darkmode .search-banner-container{
    background-color: #fff;
    background-image: none;
    color:black;
  }
  .darkmode .trips-input-container input{
    border: 1px solid black;
  }
  .darkmode .topic-categories-container li,.darkmode .search-banner-container .read-title-banner{
    color:black;
  }
  .darkmode .active-topic::after{
  border: 1px solid black;
  }
  .darkmode .active-topic{
    -webkit-text-stroke: 1.1px black;  
  }
  .darkmode .nav-card,
  .darkmode .burger-container-img {
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
  }
  .darkmode .popular-overlay-img img,
  .darkmode .trending-content-overlay img,
  .darkmode .most-recent-overlay img,
  .darkmode .editors-pick-overlay img,
  .darkmode .read-page-overlay-img img {
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
  }
  .darkmode .heroGradient {
    display: none;
  }