@use "colors";



.night-mode{

  &.weather-widget{
    .background{
  background: -webkit-linear-gradient(colors.$night-background-gradient);
  background: linear-gradient(colors.$night-background-gradient);
      &::after{
        background: -webkit-linear-gradient(colors.$night-background-gradient);
        background: linear-gradient(colors.$night-background-gradient);
      }

}
    .weather-icon{

  .Cloud{
    svg{
      fill: colors.$cloud-night-gradient
    }
  }
  .Sun{
    height: 100%;
    svg{
      fill: colors.$moon-gradient;
    }
  }


  .drop-shape{
    background-color: colors.$night-water-drop;
  }
}
  }
}