Change Header Color on Hover in Squarespace

To change header color on hover in Squarespace, you can use this code to Custom CSS box

header#header:hover {
  &, .header-background-solid{
    background-color: #f1f2f3 !important;
    opacity: 1 !important;
}
}