body { color: #EEE; } a { color: #BBF; } .wrapper { background: #1118; } .buttons { background: #1118; } .buttons > div:hover { background: #FFF1; } .back { background: #1118; } .back .icon:hover { background: #FFF1; } .box:hover { background: #FFF1; } .box .icon { background: hsl(var(--color), 100%, 22%); color: hsl(var(--color), 100%, 85%); }