[FIX] spreadsheet: dark mode display issues

- Update rotation icons to use `currentColor` so they follow the active
  theme palette.
- Force data bar conditional format preview text to use the dark
  `TEXT_BODY` color, regardless of theme, as it was previously changing
  with the theme and becoming hard to read.

closes #7533

Task: 5322179
Signed-off-by: Lucas Lefèvre (lul) <[email protected]>

Author: dhrp-odoo

src/components/icons/icons.xml

@@ -1068,34 +1068,40 @@
       xmlns="http://www.w3.org/2000/svg">
       <path
         d="M5 2h1v12h1.5l-2 2-2-2H5m6-5h1v5h1.5l-2 2-2-2H11M8 2l7 2.8V6L8 8.8l-.43-1.12 1.9-.7V3.8l-1.9-.7L8 1.98m2.7 2.25v2.3l2.8-1.1z"
+        fill="currentColor"
       />
     </svg>
   </t>
   <t t-name="o-spreadsheet-Icon.ROTATION-45">
     <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
       <path
         d="m1.95 6.879.707-.707 8.485 8.485 1.06-1.06v2.828H9.375l1.061-1.061m.706-7.778.707-.707 3.536 3.535 1.06-1.06v2.828h-2.828l1.06-1.06M4.071 4.757l6.93-2.97.848.849-2.97 6.93-1.096-.488.849-1.839-2.249-2.248-1.838.848-.488-1.096m3.5-.318 1.626 1.626 1.203-2.757z"
+        fill="currentColor"
       />
     </svg>
   </t>
   <t t-name="o-spreadsheet-Icon.ROTATION-90">
     <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M5 2h1v12h1.5l-2 2-2-2H5m6-5h1v5h1.5l-2 2-2-2H11M8 2l7 2.8V6L8 8.8l-.43-1.12 1.9-.7V3.8l-1.9-.7L8 1.98m2.7 2.25v2.3l2.8-1.1z"
+        fill="currentColor"
       />
     </svg>
   </t>
+
   <t t-name="o-spreadsheet-Icon.ROTATION-270">
     <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M13 16h-1V4h-1.5l2-2 2 2H13M7 9H6V4H4.5l2-2 2 2H7m3 12-7-2.8V12l7-2.8.43 1.12-1.9.7v3.18l1.9.7-.43 1.12m-2.7-2.25v-2.3l-2.8 1.1z"
+        fill="currentColor"
       />
     </svg>
   </t>
   <t t-name="o-spreadsheet-Icon.ROTATION-315">
     <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
       <path
         d="m6.879 16.55-.707-.707 8.485-8.485-1.06-1.06h2.828v2.828l-1.061-1.061m-7.778-.707-.707-.707 3.535-3.536-1.06-1.06h2.828v2.828l-1.06-1.06M4.757 14.429l-2.97-6.93.849-.848 6.93 2.97-.488 1.096-1.839-.849-2.248 2.249.848 1.838-1.096.488m-.318-3.5 1.626-1.626-2.757-1.203z"
+        fill="currentColor"
       />
     </svg>
   </t>

src/components/side_panel/conditional_formatting/cf_preview/cf_preview.ts

@@ -1,6 +1,6 @@
 import { ICONS } from "@odoo/o-spreadsheet-engine/components/icons/icons";
 import { CfTerms } from "@odoo/o-spreadsheet-engine/components/translations_terms";
-import { HIGHLIGHT_COLOR } from "@odoo/o-spreadsheet-engine/constants";
+import { HIGHLIGHT_COLOR, TEXT_BODY } from "@odoo/o-spreadsheet-engine/constants";
 import { criterionEvaluatorRegistry } from "@odoo/o-spreadsheet-engine/registries/criterion_registry";
 import { SpreadsheetChildEnv } from "@odoo/o-spreadsheet-engine/types/spreadsheet_env";
 import { Component, useRef } from "@odoo/owl";
@@ -40,8 +40,9 @@ export class ConditionalFormatPreview extends Component<Props, SpreadsheetChildE
         ? baseString + minColor + ", " + midColor + ", " + maxColor + ")"
         : baseString + minColor + ", " + maxColor + ")";
     } else if (rule.type === "DataBarRule") {
-      const color = colorNumberToHex(rule.color);
-      return `background-image: linear-gradient(to right, ${color} 50%, white 50%)`;
+      const barColor = colorNumberToHex(rule.color);
+      const gradient = `background-image: linear-gradient(to right, ${barColor} 50%, white 50%)`;
+      return `${gradient}; color: ${TEXT_BODY};`;
     }
     return "";
   }

tests/__snapshots__/top_bar_component.test.ts.snap

@@ -610,6 +610,7 @@ exports[`TopBar component simple rendering 1`] = `
                 >
                   <path
                     d="M5 2h1v12h1.5l-2 2-2-2H5m6-5h1v5h1.5l-2 2-2-2H11M8 2l7 2.8V6L8 8.8l-.43-1.12 1.9-.7V3.8l-1.9-.7L8 1.98m2.7 2.25v2.3l2.8-1.1z"
+                    fill="currentColor"
                   />
                 </svg>
               </span>

tests/spreadsheet/__snapshots__/spreadsheet_component.test.ts.snap

@@ -618,6 +618,7 @@ exports[`Simple Spreadsheet Component simple rendering snapshot 1`] = `
                     >
                       <path
                         d="M5 2h1v12h1.5l-2 2-2-2H5m6-5h1v5h1.5l-2 2-2-2H11M8 2l7 2.8V6L8 8.8l-.43-1.12 1.9-.7V3.8l-1.9-.7L8 1.98m2.7 2.25v2.3l2.8-1.1z"
+                        fill="currentColor"
                       />
                     </svg>
                   </span>
@@ -1670,6 +1671,7 @@ exports[`components take the small screen into account 1`] = `
                     >
                       <path
                         d="M5 2h1v12h1.5l-2 2-2-2H5m6-5h1v5h1.5l-2 2-2-2H11M8 2l7 2.8V6L8 8.8l-.43-1.12 1.9-.7V3.8l-1.9-.7L8 1.98m2.7 2.25v2.3l2.8-1.1z"
+                        fill="currentColor"
                       />
                     </svg>
                   </span>