diff --git a/content/content.js b/content/content.js
index b465294..2e61a58 100644
--- a/content/content.js
+++ b/content/content.js
@@ -15,6 +15,7 @@
narrowDateColumn: 'data-or-narrow-datecol',
compressComposeToolbar:'data-or-compact-compose',
readingPaneMaxWidth: 'data-or-reading-maxwidth',
+ unifiedHeader: 'data-or-unified-header',
hideCopilot: 'data-or-hide-copilot',
hideSuggestedReplies: 'data-or-hide-suggestedreplies',
hidePromoBanners: 'data-or-hide-promos',
diff --git a/content/settings-defaults.js b/content/settings-defaults.js
index 4ff846d..c93c158 100644
--- a/content/settings-defaults.js
+++ b/content/settings-defaults.js
@@ -19,6 +19,7 @@ window.OutlookRelook.DEFAULTS = {
narrowDateColumn: true,
compressComposeToolbar: true,
readingPaneMaxWidth: true,
+ unifiedHeader: false,
// Hide Elements
hideCopilot: true,
diff --git a/popup/popup.html b/popup/popup.html
index eaf0bf5..4750a64 100644
--- a/popup/popup.html
+++ b/popup/popup.html
@@ -79,6 +79,10 @@
+
+
+
+
diff --git a/popup/popup.js b/popup/popup.js
index 99a4bdd..f68400b 100644
--- a/popup/popup.js
+++ b/popup/popup.js
@@ -20,6 +20,7 @@
narrowDateColumn: true,
compressComposeToolbar: true,
readingPaneMaxWidth: true,
+ unifiedHeader: false,
hideCopilot: true,
hideSuggestedReplies: true,
hidePromoBanners: true,
diff --git a/themes/base.css b/themes/base.css
index 64bfc89..3a74686 100644
--- a/themes/base.css
+++ b/themes/base.css
@@ -247,6 +247,118 @@ html[data-or-fontsize="large"] [role="list"] {
}
+/* ============================================================
+ OWA NATIVE SELECTION COLOR OVERRIDE
+ Replace Microsoft's purple/blue highlights with our accent color.
+ These target OWA's internal selection classes and states.
+ ============================================================ */
+html[data-outlook-relook-scheme] [role="option"][aria-selected="true"],
+html[data-outlook-relook-scheme] [role="listitem"][aria-selected="true"],
+html[data-outlook-relook-scheme] [role="option"].is-selected,
+html[data-outlook-relook-scheme] [role="listitem"].is-selected {
+ background-color: var(--or-accent-subtle, rgba(0, 120, 212, 0.06)) !important;
+ border-left: 3px solid var(--or-accent, #0078d4) !important;
+}
+
+/* Override OWA's ::before/::after selection indicators */
+html[data-outlook-relook-scheme] [role="option"][aria-selected="true"]::before,
+html[data-outlook-relook-scheme] [role="listitem"][aria-selected="true"]::before {
+ background-color: var(--or-accent, #0078d4) !important;
+}
+
+/* Override OWA focus/hover highlight colors */
+html[data-outlook-relook-scheme] [role="option"]:focus-visible,
+html[data-outlook-relook-scheme] [role="listitem"]:focus-visible {
+ outline-color: var(--or-accent, #0078d4) !important;
+}
+
+/* Override the focused inbox tab active indicator */
+html[data-outlook-relook-scheme] [role="tab"][aria-selected="true"]::after {
+ background-color: var(--or-accent, #0078d4) !important;
+}
+
+/* Override treeitem selection indicators */
+html[data-outlook-relook-scheme] [role="treeitem"][aria-selected="true"]::before,
+html[data-outlook-relook-scheme] [role="treeitem"][aria-current="true"]::before {
+ background-color: var(--or-accent, #0078d4) !important;
+}
+
+/* ============================================================
+ UNIFIED HEADER — Collapse all top bars into one compact surface
+ data-or-unified-header="true"
+ ============================================================ */
+html[data-or-unified-header="true"] [role="banner"],
+html[data-or-unified-header="true"] header {
+ max-height: 32px !important;
+ min-height: 32px !important;
+ padding: 0 8px !important;
+ overflow: hidden !important;
+}
+
+/* Collapse the ribbon/menu bar */
+html[data-or-unified-header="true"] [role="toolbar"] {
+ max-height: 28px !important;
+ min-height: 28px !important;
+ padding: 0 4px !important;
+ overflow: hidden !important;
+}
+
+html[data-or-unified-header="true"] [role="toolbar"] button,
+html[data-or-unified-header="true"] [role="toolbar"] [role="button"] {
+ padding: 2px 6px !important;
+ min-height: 24px !important;
+ max-height: 24px !important;
+ font-size: 11px !important;
+}
+
+/* Collapse tab bars (Focused/Other) */
+html[data-or-unified-header="true"] [role="tablist"] {
+ max-height: 24px !important;
+ min-height: 24px !important;
+ padding: 0 !important;
+}
+
+html[data-or-unified-header="true"] [role="tab"] {
+ padding: 2px 8px !important;
+ min-height: 22px !important;
+ font-size: 11px !important;
+}
+
+/* Shrink the search bar */
+html[data-or-unified-header="true"] [role="search"],
+html[data-or-unified-header="true"] [role="search"] input {
+ height: 24px !important;
+ min-height: 24px !important;
+ font-size: 12px !important;
+}
+
+/* Remove any extra spacing/margins between header rows */
+html[data-or-unified-header="true"] [role="banner"] > div,
+html[data-or-unified-header="true"] header > div {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+
+/* Hide ribbon labels — keep icons only for space saving */
+html[data-or-unified-header="true"] [role="toolbar"] [role="button"] > span:not(:only-child),
+html[data-or-unified-header="true"] [role="toolbar"] button > span:not(:only-child) {
+ font-size: 0 !important;
+ width: 0 !important;
+ overflow: hidden !important;
+}
+
+/* Keep icons visible at normal size */
+html[data-or-unified-header="true"] [role="toolbar"] [role="img"],
+html[data-or-unified-header="true"] [role="toolbar"] svg,
+html[data-or-unified-header="true"] [role="toolbar"] img,
+html[data-or-unified-header="true"] [role="toolbar"] i {
+ font-size: 14px !important;
+ width: auto !important;
+}
+
+
/* ============================================================
KEYBOARD NAVIGATION
============================================================ */
diff --git a/themes/brutalist.css b/themes/brutalist.css
index 7ca9b5a..258e277 100644
--- a/themes/brutalist.css
+++ b/themes/brutalist.css
@@ -73,13 +73,14 @@ html[data-outlook-relook-scheme] button,
html[data-outlook-relook-scheme] select,
html[data-outlook-relook-scheme] textarea {
font-family: 'SF Mono', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', monospace !important;
- -webkit-font-smoothing: none !important;
- letter-spacing: -0.02em !important;
+ -webkit-font-smoothing: antialiased !important;
+ -moz-osx-font-smoothing: grayscale !important;
+ letter-spacing: 0 !important;
}
-/* Smaller base size for density */
html[data-outlook-relook-scheme] body {
- font-size: 12px !important;
+ font-size: 13px !important;
+ line-height: 1.5 !important;
}
/* ============================================================