Accessibility

Accessibility Options

xyOps includes several display and motion options to make the app easier and more comfortable to use. You can keep the automatic defaults, or adjust the experience for your own account.

By default, xyOps honors the system settings for theme, motion, and contrast. But you can override these defaults at any time. Theme is controlled from the theme selector in the top-right header. Motion, contrast, color accessibility, page descriptions, and visual adjustments are controlled from the Preferences page.

Where To Find These Settings

Open Preferences from the top-right header, or the link in the sidebar. Accessibility-related settings are mainly in two sections:

• User Interface Settings, for motion, contrast, color accessibility, page descriptions, visual effects, and streamer mode.
• Audio / Visual Adjustments, for sound volume and visual filters such as brightness, contrast, hue, saturation, sepia, and grayscale.

Most settings apply as soon as you change them and are saved to your user preferences.

Theme

xyOps supports light mode, dark mode, and automatic theme selection.

When the theme is set to Auto, xyOps follows your system light or dark mode preference. If you prefer to keep xyOps fixed to one appearance, choose Light or Dark from the theme selector in the top-right header.

The accessibility contrast modes work with both light and dark themes. For example, high contrast has a light version and a dark version, so the app can preserve your theme preference while still adjusting readability.

Motion

The Motion setting controls whether xyOps uses animated UI effects.

You can choose:

• Auto (System): Follow your system reduced-motion preference.
• Full Motion: Use normal motion and animation, even if the system preference requests reduced motion.
• Reduced Motion: Reduce or disable motion-sensitive animations.

When reduced motion is active, xyOps disables several animated effects, including:

• Progress bar animation.
• Marquee animation.
• Flash animations.
• Workflow event and workflow entity animations.
• Pulsing buttons.

xyOps also uses the reduced-motion setting in several page behaviors, such as shortening certain transitions and skipping some live animations.

Contrast

The Contrast setting adjusts the brightness range between text, backgrounds, borders, shadows, icons, and other interface colors.

You can choose:

• Auto (System): Follow your system contrast preference.
• Low Contrast: Soften the overall interface by reducing color and brightness differences.
• Normal Contrast: Use the standard xyOps contrast level.
• High Contrast: Increase separation between foreground and background elements.

High contrast and low contrast are not just simple color filters. xyOps changes its CSS color variables so the whole interface can adapt consistently. This includes page backgrounds, header colors, boxes, forms, tables, sidebar text, body text, links, labels, icons, borders, shadows, buttons, multiselect controls, code editors, and plugin parameter editors.

In dark mode, xyOps uses separate high-contrast and low-contrast palettes that are tuned for dark backgrounds.

High Contrast also shares some of the category-color readability behavior described below. Category colors are toned down so text stays readable and the interface does not depend only on hue.

Color Accessibility Mode

Color Accessibility Mode helps xyOps communicate state and interactivity without relying only on color.

This is especially helpful when colors are hard to distinguish, or when you prefer stronger non-color cues in the interface.

When Color Accessibility Mode is enabled, xyOps makes these changes:

• Links, link-style spans, and link-style buttons get a dotted-style dashed underline.
• Hovered links switch to a solid underline.
• Checkbox labels get a dashed underline, so checkbox actions are easier to identify.
• Hovered checkbox labels switch to a solid underline.
• Hovered buttons are underlined and use a dashed border.
• Hovered header widgets are underlined and use a dashed border.
• Removed diff text uses strikethrough.
• Added diff text uses a dashed underline.
• Focused text inputs and text areas use the theme color with a dashed border.
• Hovered multiselect controls use the theme color with a dashed border.
• Hovered selection dialog items are underlined.

Color Accessibility Mode also changes category and highlight colors so they do not depend only on hue:

• Category highlight classes use the normal label color for readable text.
• Category highlight theme colors are derived from the current link color instead of the category hue.
• Category text classes use the normal label color.
• Hovered category text uses a link-like highlight.
• These adjustments apply across the full xyOps category color palette, including red, orange, yellow, green, blue, purple, pink, and related variants.

The result is that colored categories still work visually, but important text remains readable and interactive states have extra shape, underline, border, or text cues.

Visual Focus Indicators

xyOps includes keyboard focus indicators for common navigation and action controls.

When using keyboard navigation, xyOps outlines focused items such as:

• Sidebar links.
• Header navigation items.
• Selection dialog items.
• Select menus.
• Buttons.
• Link-style buttons.
• Editor toolbar buttons.

These outlines use the current theme color, so they remain visible across normal, high-contrast, low-contrast, light, and dark appearances.

Page Descriptions

The Show Page Descriptions option controls whether xyOps shows introductory descriptions on pages.

This can be helpful when you are learning the app, returning to a page you do not use often, or giving someone else a guided interface. If you already know the pages well and prefer a more compact view, you can turn it off.

Visual Effects

The Visual Effects option controls playful app effects, such as celebratory confetti animations.

If you prefer a quieter interface, you can turn this off. If you also use Reduced Motion, xyOps will reduce motion-sensitive animations separately, even if visual effects are enabled.

Streamer Mode

Streamer Mode hides sensitive information in the interface by blurring private values.

This is useful when you are screen sharing, recording a demo, or working somewhere other people can see your screen. xyOps marks sensitive values such as IP addresses, hostnames, usernames, full names, and email addresses, then applies a blur effect while Streamer Mode is active.

Sound Volume

The Sound Volume slider controls audio feedback from xyOps notifications and app sounds.

Set it to 0 to disable app sound playback. You can also use the preview button next to the slider to test the selected volume.

Visual Adjustments

The Audio / Visual Adjustments section includes several sliders that change how the entire app is displayed.

These adjustments are applied through a page filter overlay, so they affect the visible interface without changing the underlying xyOps theme or data.

The available visual adjustments are:

Setting	Default	Range	What It Does
Brightness	100%	0% to 200%	Makes the interface darker or brighter.
Contrast	100%	0% to 200%	Lowers or raises visual contrast across the page.
Hue	0deg	-180deg to 180deg	Rotates colors around the color wheel.
Saturation	100%	0% to 200%	Makes colors less intense or more intense.
Sepia	0%	0% to 100%	Adds a warm sepia tone.
Grayscale	0%	0% to 100%	Removes color from the interface.

If all sliders are set to their defaults, xyOps hides the filter overlay. If any slider changes, xyOps applies only the filters that differ from the defaults.

You can press the Escape key while on the settings page to reset the visual adjustments back to their defaults.

Resetting Settings

The settings page includes reset buttons for the main preference groups.

• Reset to Defaults in User Interface Settings restores motion, contrast, color accessibility, page descriptions, notifications, visual effects, and streamer mode to the configured defaults.
• Reset to Defaults in Audio / Visual Adjustments restores the visual filters to normal values.
• Pressing Escape on the settings page also resets the visual filters.

These resets affect your own user preferences only.