TL;DR

Implementing a configurable highlight color or increasing the contrast of the default highlight color can resolve the issue of insufficient contrast for color-deficient users.

Guidance

• Review the current CSS styles applied to the webchat text selection to identify the highlight color and its contrast ratio with the background.
• Consider adding a configuration option to allow users to customize the highlight color to a high-contrast color of their choice.
• Evaluate the use of a higher-contrast default highlight color, such as blue on black or white, to improve accessibility for color-deficient users.
• Test the webchat with different color schemes and themes to ensure the highlight color remains visible and accessible.

Example

No specific code example can be provided without knowing the exact CSS styles or codebase, but a general approach might involve adding a CSS variable for the highlight color and allowing users to override it:

/* example.css */
.webchat-text-selection {
  background-color: var(--highlight-color);
}

/* user-config.css */
:root {
  --highlight-color: #007bff; /* high-contrast blue */
}

Notes

The solution may require modifications to the webchat's CSS styles and potentially adding configuration options, which could involve updates to the OpenClaw or Claude Sonnet codebase.

Recommendation

Apply a workaround by adding a configurable highlight color option to improve accessibility for color-deficient users, as this can be a more immediate solution than waiting for a potential update to the default highlight color.