The variant constants used by a Themes variant.
Type Details
- yfiles module
- view-component
- yfiles-umd modules
- All view modules
- Legacy UMD name
- yfiles.view.ThemeVariant
See Also
Themes,
Effects on Selection,
Effects on Highlight,
Effects on Handles,
Effects on Label Candidates,
Effects on Port Candidates
Constants
The classic variant uses the well-known styling of previous yFiles for HTML versions.
Remarks
The following visualizations differ from those of the other variants:
- Node selection – A rectangle with a hatch brush stroke using the primaryColor and backgroundColor.
- Node and table stripe highlight – A rectangle with a double-stroked border in primaryColor with the backgroundColor in-between or just the corners of this rectangle depending on the zoom level.
- Edge selection – Edge path with a hatch brush stroke using the primaryColor and backgroundColor.
- Edge highlight – Edge path with a dotted hatch brush stroke using the primaryColor and backgroundColor.
- Bend of selected edge – Diamond filled with backgroundColor with a stroke in primaryColor.
- Table stripe selection, resize and drag visualization – A rectangle with a semi-transparent black fill and a black stroke.
- Resize handle using VARIANT1 – A rectangle filled with primaryColor with a stroke in backgroundColor.
- Highlighted label candidates when moving a label – A rectangle with a dark-gray stroke.
- Not highlighted label candidates when moving a label – A rectangle with a light-gray stroke.
- Valid port candidate – A green rectangle with a stroke using the backgroundColor and additional corners using the primaryColor.
- Invalid port candidate – A red rectangle with a stroke using the backgroundColor and additional corners using the primaryColor.
- Snap lines – Blue lines with crosses at important locations.
- Grid snap point – Green crosses at grid points.
See Also
The simple round variant uses a more simplistic styling with round shapes where applicable and hairline indicators.
Remarks
The following visualizations differ from those of the other variants:
- Node selection – A rectangle with a stroke using the primaryColor.
- Node and table stripe highlight – A rectangle with a stroke using the secondaryColor.
- Edge selection – Edge path with a stroke using the primaryColor.
- Edge highlight – Edge path with a stroke using the secondaryColor.
- Bend of selected edge – Circle filled with backgroundColor.
- Table stripe selection, resize and drag visualization – A rectangle with a semi-transparent fill using the secondaryColor and a stroke using the secondaryColor.
- Resize handle using VARIANT1 – A circle filled with backgroundColor with a stroke in primaryColor.
- Highlighted label candidates when moving a label – A round rectangle with a stroke using the primaryColor.
- Not highlighted label candidates when moving a label – A round rectangle with a stroke using the secondaryColor.
- Valid port candidate – A green circle with a stroke using the backgroundColor.
- Invalid port candidate – A gray circle with a stroke using the backgroundColor.
- Snap lines – Lines using the secondaryColor without additional crosses.
- Grid snap point – Crosses at grid points using the secondaryColor.
See Also
The simple square variant uses a more simplistic styling with rectangular shapes where applicable and hairline indicators.
Remarks
The following visualizations differ from those of the other variants:
- Node selection – A rectangle with a stroke using the primaryColor.
- Node and table stripe highlight – A rectangle with a stroke using the secondaryColor.
- Edge selection – Edge path with a stroke using the primaryColor.
- Edge highlight – Edge path with a stroke using the secondaryColor.
- Bend of selected edge – Diamond filled with backgroundColor with a stroke in primaryColor.
- Table stripe selection, resize and drag visualization – A rectangle with a semi-transparent fill using the secondaryColor and a stroke using the secondaryColor.
- Resize handle using VARIANT1 – A square filled with backgroundColor with a stroke in primaryColor.
- Highlighted label candidates when moving a label – A rectangle with a stroke using the primaryColor.
- Not highlighted label candidates when moving a label – A rectangle with a stroke using the secondaryColor.
- Valid port candidate – A green square with a stroke using the backgroundColor.
- Invalid port candidate – A gray square with a stroke using the backgroundColor.
- Snap lines – Lines using the secondaryColor without additional crosses.
- Grid snap point – Crosses at grid points using the secondaryColor.
See Also
Static Methods
Converts the argument to ThemeVariant.
Parameters
options - Object
A map of options to pass to the method.
A map of options to pass to the method.
- value - ThemeVariant
- The value to convert to ThemeVariant.
Returns
- ↪ThemeVariant
- Either
value
if it is already a ThemeVariant or an appropriate converted value.