You can start using this today, or at least get a feel for this proposed change, while seeing if you agree with it, by using a userscript I made:
// ==UserScript==
// @name "StackExchange" sticky header image to SE site's logo
// @namespace http://tampermonkey.net/
// @version 0.1
// @description change the sticky logo to the SE site's logo
// @author Wis
// @match https://*.stackexchange.com/**
// @match https://*.askubuntu.com/**
// @match https://*.superuser.com/**
// @match https://*.serverfault.com/**
// @grant none
// ==/UserScript==
let sub = undefined;
const logo = document.querySelector("body > header.site-header > div > a > img");
if (logo === null) {
sub = document.querySelector("body > header.site-header > div > a").cloneNode(true)
} else {
const img = document.createElement('img');
img.src = logo.src;
sub = img;
}
const stickyHeaderImg = document.querySelector("body > header.top-bar.js-top-bar.top-bar__network._fixed > div > div > a.-logo.js-gps-track.js-network-logo.network-logo");
const stackExchangeLogo = stickyHeaderImg.children[0];
const logo_size = logo.getBoundingClientRect();
document.addEventListener('scroll', function() {
if (window.scrollY > logo_size.height) {
stickyHeaderImg.removeChild(stackExchangeLogo);
stickyHeaderImg.prepend(sub);
} else {
stickyHeaderImg.removeChild(sub);
stickyHeaderImg.prepend(stackExchangeLogo);
}
});
It's published on OpenUserJS. You can install it by clicking the install button twice.
Demo:
