GoJS API
/ to search
    Preparing search index...

    Interface ThemeColors

    GoJS® Diagramming Components
    version 4.0.0
    by Northwoods Software®

    An interface describing an object with string or number keys and BrushLike values.

    The optional properties on this interface outline various values used by default templates.

    Setting these values allows for some customization of built in templates without providing new definitions. For example, one could use the default link template and customize the color:

    myDiagram.themeManager.set('', {
      colors: { link: 'turquoise' }
    });

    Or change the color of the selection adornment without providing custom selectionAdornmentTemplates:

    myDiagram.themeManager.set('', {
      colors: { selection: 'pink' }
    });
    since

    3.0

    interface ThemeColors {
        adornmentFill?: BrushLike;
        adornmentStroke?: BrushLike;
        comment?: BrushLike;
        div?: string;
        dragSelect?: BrushLike;
        gridMajor?: BrushLike;
        gridMinor?: BrushLike;
        group?: BrushLike;
        link?: BrushLike;
        outline?: BrushLike;
        overviewBox?: BrushLike;
        selection?: BrushLike;
        tempLink?: BrushLike;
        tempPort?: BrushLike;
        text?: BrushLike;
        [index: string]: BrushLike | ThemeColors | BrushLike[] | undefined;
    }

    Indexable

    • [index: string]: BrushLike | ThemeColors | BrushLike[] | undefined

      The index property, allowing for any other color or group of colors to be defined.

    Index

    Properties

    adornmentFill? adornmentStroke? comment? div? dragSelect? gridMajor? gridMinor? group? link? outline? overviewBox? selection? tempLink? tempPort? text?

    Properties

    adornmentFill?: BrushLike

    The fill color of the various default tool handles, such as ResizingTool.handle.

    adornmentStroke?: BrushLike

    The stroke color of the various default tool handles, such as ResizingTool.handle.

    comment?: BrushLike

    The stroke color of the built in "Comment" node template and link template.

    div?: string

    The background color of the diagram's div, if using ThemeManager.changesDivBackground.

    dragSelect?: BrushLike

    The stroke color of the default DragSelectingTool.box.

    gridMajor?: BrushLike

    The stroke color of major gridlines in the default Diagram.grid.

    gridMinor?: BrushLike

    The stroke color of minor gridlines in the default Diagram.grid.

    group?: BrushLike

    The fill color of the built in group shape.

    link?: BrushLike

    The stroke/fill color the built in link template and link label.

    outline?: BrushLike

    The stroke color of the built in group shape.

    overviewBox?: BrushLike

    The stroke color of the default Overview.box.

    selection?: BrushLike

    The stroke color of the default selection adornment.

    tempLink?: BrushLike

    The stroke color of the default LinkingBaseTool.temporaryLink.

    tempPort?: BrushLike

    The stroke color of the default LinkingBaseTool.temporaryFromPort and LinkingBaseTool.temporaryToPort.

    Optionaltext

    text?: BrushLike

    The text color of the built in node, group, and item template.

    Member Visibility

    On This Page

    Properties