Automatically adjusts your Squarespace header logo for better visibility by detecting both the logo’s brightness and the navbar’s background color when the page loads. If the logo and background are both light or both dark, the script automatically inverts the logo to create proper contrast; if they already contrast, it leaves the logo unchanged. The check runs once per page load for better efficiency and does not continuously monitor the header afterward. Because it fires during page initialization, the page must be refreshed after adding or changing the script, logo, or navbar background for the new result to take effect.
Automatically adjusts your Squarespace header logo for better visibility by detecting both the logo’s brightness and the navbar’s background color when the page loads. If the logo and background are both light or both dark, the script automatically inverts the logo to create proper contrast; if they already contrast, it leaves the logo unchanged. The check runs once per page load for better efficiency and does not continuously monitor the header afterward. Because it fires during page initialization, the page must be refreshed after adding or changing the script, logo, or navbar background for the new result to take effect.
Image 1 of 1