<b>Chrome Version: <From about:version: Google Chrome x.x.x.x></b>
<b>Chrome OS Version: <From about:version: Platform x.x.x.x></b>
<b>Chrome OS Platform: <Make/model of computer running Chrome OS></b>
<b>Network info: <network, encryption type, router model (if known)></b>


https://cs.chromium.org/chromium/src/ui/file_manager/file_manager/foreground/elements/files_toggle_ripple.js?sq=package:chromium&dr=CSs
The description states:
 * You can change ripple color by the following CSS variable.
 *
 * files-toggle-ripple#my-button {
 *   --files-toggle-ripple: {
 *     background-color: black;
 *   }
 * }

however, it seems not reflected to the toggle ripple effects.

Steps To Reproduce:
(1) Add this snippet to file_manager.css
files-toggle-ripple {
  --files-toggle-ripple: {
    background-color: black;
  };
  --files-toggle-ripple-activated: {
    background-color: black;
  };
}
(2) Click the gear menu in the Files app.
(3) See the ripple colors.

Expected Result:
The color of the ripple and toggle effects are black.

Actual Result:
The color of the ripple and toggle effects are white.