Adjust inverted button background in dark theme (good for thumbnail r…

…ecord buttons).
microsoft · Mar 7, 2025 · c68fee5 · c68fee5
1 parent 5754786
commit c68fee5
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/theme/color-themes/overrides/arcade-dark-overrides.css b/theme/color-themes/overrides/arcade-dark-overrides.css
@@ -48,3 +48,14 @@
     /* Better contrast, especially against images in carousels */
     opacity: 0.9;
 }
+
+/* For inverted buttons, it almost always looks better to have the background be dark instead of light (even though non-inverted has a light foreground) */
+button.ui.button.inverted,
+button.common-button.inverted {
+    background-color: var(--pxt-neutral-background2) !important;
+}
+
+button.ui.button.inverted:hover,
+button.common-button.inverted:hover {
+    background-color: var(--pxt-neutral-background2-hover) !important;
+}