{t().status.pageOf(currentPage, numPages)}
@@ -2081,6 +2081,23 @@
z-index: 50;
}
+ /* The bar closes the frame the chrome above it opens, so under the ribbon it takes
+ the ribbon's palette — the same token remap .ribbon does for its pickers, which
+ is what the popup and the language picker inside here read too. */
+ .statusbar.w-chrome {
+ --color-toolbar-bg: var(--w-chrome);
+ --color-surface: var(--w-surface);
+ --color-border: var(--w-border);
+ --color-text: var(--w-text);
+ --color-text-muted: var(--w-text-dim);
+ --color-primary: var(--w-accent);
+ --color-btn-hover: var(--w-hover);
+ --font-sans: var(--w-font);
+ --radius: 3px;
+
+ border-top-color: var(--w-border-strong);
+ }
+
/* Three zones: page count left, language picker centered, zoom right. The
equal-flex sides keep the center cell centered regardless of side widths. */
.sb-left {
diff --git a/src/styles/global.css b/src/styles/global.css
index 3581449..35d79fa 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -588,7 +588,7 @@
--color-border: #e2e8f0;
--color-text: #1e293b;
--color-text-muted: #94a3b8;
- --color-primary: #52748b;
+ --color-primary: var(--brand-slate);
--color-toolbar-bg: #ffffff;
--color-btn-hover: #cbd5e1;
--color-page-bg: #ffffff;
@@ -605,7 +605,7 @@
--color-border: #30363d;
--color-text: #f2e6f3;
--color-text-muted: #7d8590;
- --color-primary: #52748b;
+ --color-primary: var(--brand-slate);
--color-toolbar-bg: #161b22;
--color-btn-hover: #3b4350;
--color-page-bg: #ffffff;
@@ -622,7 +622,7 @@
--color-border: #30363d;
--color-text: #e6edf3;
--color-text-muted: #7d8590;
- --color-primary: #52748b;
+ --color-primary: var(--brand-slate);
--color-toolbar-bg: #161b22;
--color-btn-hover: #3b4350;
--color-page-bg: #161b22;