diff --git a/special-pages/pages/release-notes/app/components/App.module.css b/special-pages/pages/release-notes/app/components/App.module.css
index 78cd19cbe2a..8cb8aceecf8 100644
--- a/special-pages/pages/release-notes/app/components/App.module.css
+++ b/special-pages/pages/release-notes/app/components/App.module.css
@@ -9,12 +9,42 @@ body {
 }
 
 .main {
+    /* Release Notes accent palette (this page only): links use
+       accent-text-primary; buttons use accent-primary + accent-content-primary. */
+    --theme-accent-primary: #1074cc;
+    --theme-accent-secondary: #045eb2;
+    --theme-accent-tertiary: #034180;
+    --theme-accent-content-primary: #ffffff;
+    --theme-accent-text-primary: #1074cc;
+
     padding: var(--sp-6) var(--sp-5);
     position: relative;
     display: grid;
     gap: var(--sp-8);
 }
 
+.main[data-theme="dark"] {
+    --theme-accent-primary: #75b6eb;
+    --theme-accent-secondary: #4397e0;
+    --theme-accent-tertiary: #1074cc;
+    --theme-accent-content-primary: #242323;
+    --theme-accent-text-primary: #75b6eb;
+}
+
+/* Pill radius + recolor accentBrand buttons to the palette above.
+   `button[class]` (0-4-1) beats the shared dark-mode --button-text override
+   (0-4-0), which would otherwise win over a plain 0-3-1 selector. */
+[data-platform-name="macos"] .main[data-theme] button[class] {
+    border-radius: var(--border-radius-full);
+
+    --button-text: var(--theme-accent-content-primary);
+    --button-text--active: var(--theme-accent-content-primary);
+    --button-bg: var(--theme-accent-primary);
+    --button-bg--hover: var(--theme-accent-secondary);
+    --button-bg--focus: var(--theme-accent-primary);
+    --button-bg--active: var(--theme-accent-tertiary);
+}
+
 .header {
     max-width: var(--sp-320);
     width: 100%;
diff --git a/special-pages/pages/release-notes/app/components/ReleaseNotes.module.css b/special-pages/pages/release-notes/app/components/ReleaseNotes.module.css
index b208e196e0b..afcc79bf671 100644
--- a/special-pages/pages/release-notes/app/components/ReleaseNotes.module.css
+++ b/special-pages/pages/release-notes/app/components/ReleaseNotes.module.css
@@ -201,6 +201,7 @@
     border-bottom: 1px solid transparent;
     width: fit-content;
     text-decoration: none;
+    color: var(--theme-accent-text-primary);
 
     &:hover {
         border-bottom-color: currentColor;
diff --git a/special-pages/shared/styles/variables.css b/special-pages/shared/styles/variables.css
index abc8cb6a929..c5f10ee6bc2 100644
--- a/special-pages/shared/styles/variables.css
+++ b/special-pages/shared/styles/variables.css
@@ -137,6 +137,7 @@
     --border-radius-md: 8px;
     --border-radius-sm: 6px;
     --border-radius-xs: 4px;
+    --border-radius-full: 999px;
 
     @media (prefers-color-scheme: dark) {
         --theme-background-color: var(--color-gray-95);