Skip to content

Instantly share code, notes, and snippets.

@tntim96
Created March 28, 2025 03:17
Show Gist options
  • Select an option

  • Save tntim96/74189d5c0ab18391424b8c875e0be9c8 to your computer and use it in GitHub Desktop.

Select an option

Save tntim96/74189d5c0ab18391424b8c875e0be9c8 to your computer and use it in GitHub Desktop.
Force circuit board theme on Outlook Web
// ==UserScript==
// @name Outlook Circuit Board Theme
// @namespace https://your.cool.namespace/
// @version 1.0
// @description Force circuit board theme on Outlook Web
// @match https://outlook.office.com/*
// @run-at document-end
// ==/UserScript==
(function applyThemeForever() {
const applyTheme = () => {
const styleId = 'circuit-board-theme';
if (!document.getElementById(styleId)) {
const style = document.createElement('style');
style.id = styleId;
style.innerHTML = `
.o365sx-navbar {
background-color: #457d94 !important;
background-image: url('https://res.public.onecdn.static.microsoft/owamail/20250314002.18/resources/images/themes/circuit/headerbgmaing2-small.jpg') !important;
background-position: left top !important;
background-repeat: repeat-x !important;
}
.o365cs-base .o365sx-appName,
.o365cs-base .o365sx-appName:visited,
.o365cs-base .o365sx-button,
.o365cs-base .o365sx-nonInteractiveButton,
.o365cs-base .o365sx-waffle {
color: #ffffff !important;
background-color: rgba(74, 125, 144, 0.6) !important;
}
.o365cs-base .o365sx-badge {
background-color: #bcd6e6 !important;
color: #212121 !important;
}
.o365cs-base .o365sx-dark-link,
.o365cs-base .o365sx-dark-font {
color: #bcd6e6 !important;
}
`;
document.head.appendChild(style);
}
};
applyTheme();
setInterval(applyTheme, 5 * 60 * 1000);
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment