Class LGraphTheme

constructor

• new LGraphTheme(theme): LGraphTheme

• Parameters

  • theme: {
        canvas?: {
            background_image?: string;
            clear_background_color?: string;
            default_link_color?: string;
            inner_text_font?: string;
            node_colors?: {};
            node_title_color?: string;
            title_text_font?: string;
            type_colors?: {};
        };
        graph?: {
            CANVAS_GRID_SIZE?: number;
            CONNECTING_LINK_COLOR?: string;
            DEFAULT_GROUP_FONT_SIZE?: number;
            DEFAULT_SHADOW_COLOR?: string;
            EVENT_LINK_COLOR?: string;
            NODE_BOX_OUTLINE_COLOR?: string;
            NODE_COLLAPSED_RADIUS?: number;
            NODE_COLLAPSED_WIDTH?: number;
            NODE_DEFAULT_BGCOLOR?: string;
            NODE_DEFAULT_BOXCOLOR?: string;
            NODE_DEFAULT_COLOR?: string;
            NODE_DEFAULT_SHAPE?: string;
            NODE_MIN_WIDTH?: number;
            NODE_OUTLINE_COLOR?: string;
            NODE_OUTLINE_WIDTH?: number;
            NODE_SELECTED_TITLE_COLOR?: string;
            NODE_SLOT_HEIGHT?: number;
            NODE_SUBTEXT_SIZE?: number;
            NODE_TEXT_COLOR?: string;
            NODE_TEXT_SIZE?: number;
            NODE_TITLE_COLOR?: string;
            NODE_TITLE_HEIGHT?: number;
            NODE_TITLE_TEXT_Y?: number;
            NODE_WIDGET_HEIGHT?: number;
            NODE_WIDTH?: number;
            WIDGET_BGCOLOR?: string;
            WIDGET_OUTLINE_COLOR?: string;
            WIDGET_SECONDARY_TEXT_COLOR?: string;
            WIDGET_TEXT_COLOR?: string;
        };
        ui?: {
            gd_button_bg: string | number;
            gd_help_item_bg: string | number;
            gd_help_item_fg: string | number;
            lg_bullet_icon_bg: string | number;
            lg_bullet_icon_hover_bg: string | number;
            lg_combo_menu_selected_bg: string | number;
            lg_combo_menu_selected_fg: string | number;
            lg_dialog_bg: string | number;
            lg_dialog_bool_fg: string | number;
            lg_dialog_bool_on_fg: string | number;
            lg_dialog_btn_bg: string | number;
            lg_dialog_btn_delete_hover_bg: string | number;
            lg_dialog_btn_delete_hover_fg: string | number;
            lg_dialog_btn_fg: string | number;
            lg_dialog_btn_hover_bg: string | number;
            lg_dialog_btn_hover_fg: string | number;
            lg_dialog_close_hover: string | number;
            lg_dialog_fg: string | number;
            lg_dialog_footer_border: string | number;
            lg_dialog_header_border: string | number;
            lg_dialog_header_fg: string | number;
            lg_dialog_hover_fg: string | number;
            lg_dialog_input_bg: string | number;
            lg_dialog_input_fg: string | number;
            lg_dialog_name_fg: string | number;
            lg_dialog_old_bg: string | number;
            lg_dialog_old_shadow: string | number;
            lg_dialog_shadow: string | number;
            lg_dialog_side_bg: string | number;
            lg_dialog_value_bg: string | number;
            lg_dialog_value_fg: string | number;
            lg_dialog_value_hover_fg: string | number;
            lg_menu_bar_fg: string | number;
            lg_menu_bar_hover_bg: string | number;
            lg_menu_bar_hover_fg: string | number;
            lg_menu_bg: string | number;
            lg_menu_bg_dark: string | number;
            lg_menu_entry_checked_bg: string | number;
            lg_menu_entry_fg: string | number;
            lg_menu_entry_hover_bg: string | number;
            lg_menu_entry_hover_fg: string | number;
            lg_menu_entry_property_value_bg: string | number;
            lg_menu_entry_separator_bottom: string | number;
            lg_menu_entry_separator_top: string | number;
            lg_menu_entry_submenu_border: string | number;
            lg_menu_event_border: string | number;
            lg_menu_fg: string | number;
            lg_menu_filter_bg: string | number;
            lg_menu_filter_fg: string | number;
            lg_menu_hover_bg: string | number;
            lg_menu_old_title_bg: string | number;
            lg_menu_old_title_fg: string | number;
            lg_menu_panel_bg: string | number;
            lg_menu_panel_border: string | number;
            lg_menu_panel_shadow: string | number;
            lg_menu_property_value_bg: string | number;
            lg_menu_separator_bg: string | number;
            lg_menu_separator_border: string | number;
            lg_menu_submenu_border: string | number;
            lg_menu_title_bg: string | number;
            lg_menu_title_fg: string | number;
            lg_property_hover: string | number;
            lg_property_name_fg: string | number;
            lg_searchbox_bg: string | number;
            lg_searchbox_fg: string | number;
            lg_searchbox_input_bg: string | number;
            lg_searchitem_bg: string | number;
            lg_searchitem_fg: string | number;
            lg_searchitem_generic_type_fg: string | number;
            lg_searchitem_hover_bg: string | number;
            lg_searchitem_hover_fg: string | number;
            lg_searchitem_not_in_filter_fg: string | number;
            lg_separator_bottom: string | number;
            lg_separator_top: string | number;
            lg_subgraph_hover_bg: string | number;
            lg_subgraph_input_bg: string | number;
            lg_subgraph_input_fg: string | number;
            lg_subgraph_property_bg: string | number;
            lg_subgraph_property_extra_bg: string | number;
            lg_subgraph_property_extra_fg: string | number;
            lg_subgraph_property_fg: string | number;
            lg_subgraph_type_bg: string | number;
        };
    }

    • Optional canvas?: {
          background_image?: string;
          clear_background_color?: string;
          default_link_color?: string;
          inner_text_font?: string;
          node_colors?: {};
          node_title_color?: string;
          title_text_font?: string;
          type_colors?: {};
      }

      • Optional background_image?: string

      • Optional clear_background_color?: string

      • Optional default_link_color?: string

      • Optional inner_text_font?: string

      • Optional node_colors?: {}

      • Optional node_title_color?: string

      • Optional title_text_font?: string

      • Optional type_colors?: {}

    • Optional graph?: {
          CANVAS_GRID_SIZE?: number;
          CONNECTING_LINK_COLOR?: string;
          DEFAULT_GROUP_FONT_SIZE?: number;
          DEFAULT_SHADOW_COLOR?: string;
          EVENT_LINK_COLOR?: string;
          NODE_BOX_OUTLINE_COLOR?: string;
          NODE_COLLAPSED_RADIUS?: number;
          NODE_COLLAPSED_WIDTH?: number;
          NODE_DEFAULT_BGCOLOR?: string;
          NODE_DEFAULT_BOXCOLOR?: string;
          NODE_DEFAULT_COLOR?: string;
          NODE_DEFAULT_SHAPE?: string;
          NODE_MIN_WIDTH?: number;
          NODE_OUTLINE_COLOR?: string;
          NODE_OUTLINE_WIDTH?: number;
          NODE_SELECTED_TITLE_COLOR?: string;
          NODE_SLOT_HEIGHT?: number;
          NODE_SUBTEXT_SIZE?: number;
          NODE_TEXT_COLOR?: string;
          NODE_TEXT_SIZE?: number;
          NODE_TITLE_COLOR?: string;
          NODE_TITLE_HEIGHT?: number;
          NODE_TITLE_TEXT_Y?: number;
          NODE_WIDGET_HEIGHT?: number;
          NODE_WIDTH?: number;
          WIDGET_BGCOLOR?: string;
          WIDGET_OUTLINE_COLOR?: string;
          WIDGET_SECONDARY_TEXT_COLOR?: string;
          WIDGET_TEXT_COLOR?: string;
      }

      • Optional CANVAS_GRID_SIZE?: number

      • Optional CONNECTING_LINK_COLOR?: string

      • Optional DEFAULT_GROUP_FONT_SIZE?: number

      • Optional DEFAULT_SHADOW_COLOR?: string

      • Optional EVENT_LINK_COLOR?: string

      • Optional NODE_BOX_OUTLINE_COLOR?: string

      • Optional NODE_COLLAPSED_RADIUS?: number

      • Optional NODE_COLLAPSED_WIDTH?: number

      • Optional NODE_DEFAULT_BGCOLOR?: string

      • Optional NODE_DEFAULT_BOXCOLOR?: string

      • Optional NODE_DEFAULT_COLOR?: string

      • Optional NODE_DEFAULT_SHAPE?: string

      • Optional NODE_MIN_WIDTH?: number

      • Optional NODE_OUTLINE_COLOR?: string

      • Optional NODE_OUTLINE_WIDTH?: number

      • Optional NODE_SELECTED_TITLE_COLOR?: string

      • Optional NODE_SLOT_HEIGHT?: number

      • Optional NODE_SUBTEXT_SIZE?: number

      • Optional NODE_TEXT_COLOR?: string

      • Optional NODE_TEXT_SIZE?: number

      • Optional NODE_TITLE_COLOR?: string

      • Optional NODE_TITLE_HEIGHT?: number

      • Optional NODE_TITLE_TEXT_Y?: number

      • Optional NODE_WIDGET_HEIGHT?: number

      • Optional NODE_WIDTH?: number

      • Optional WIDGET_BGCOLOR?: string

      • Optional WIDGET_OUTLINE_COLOR?: string

      • Optional WIDGET_SECONDARY_TEXT_COLOR?: string

      • Optional WIDGET_TEXT_COLOR?: string

    • Optional ui?: {
          gd_button_bg: string | number;
          gd_help_item_bg: string | number;
          gd_help_item_fg: string | number;
          lg_bullet_icon_bg: string | number;
          lg_bullet_icon_hover_bg: string | number;
          lg_combo_menu_selected_bg: string | number;
          lg_combo_menu_selected_fg: string | number;
          lg_dialog_bg: string | number;
          lg_dialog_bool_fg: string | number;
          lg_dialog_bool_on_fg: string | number;
          lg_dialog_btn_bg: string | number;
          lg_dialog_btn_delete_hover_bg: string | number;
          lg_dialog_btn_delete_hover_fg: string | number;
          lg_dialog_btn_fg: string | number;
          lg_dialog_btn_hover_bg: string | number;
          lg_dialog_btn_hover_fg: string | number;
          lg_dialog_close_hover: string | number;
          lg_dialog_fg: string | number;
          lg_dialog_footer_border: string | number;
          lg_dialog_header_border: string | number;
          lg_dialog_header_fg: string | number;
          lg_dialog_hover_fg: string | number;
          lg_dialog_input_bg: string | number;
          lg_dialog_input_fg: string | number;
          lg_dialog_name_fg: string | number;
          lg_dialog_old_bg: string | number;
          lg_dialog_old_shadow: string | number;
          lg_dialog_shadow: string | number;
          lg_dialog_side_bg: string | number;
          lg_dialog_value_bg: string | number;
          lg_dialog_value_fg: string | number;
          lg_dialog_value_hover_fg: string | number;
          lg_menu_bar_fg: string | number;
          lg_menu_bar_hover_bg: string | number;
          lg_menu_bar_hover_fg: string | number;
          lg_menu_bg: string | number;
          lg_menu_bg_dark: string | number;
          lg_menu_entry_checked_bg: string | number;
          lg_menu_entry_fg: string | number;
          lg_menu_entry_hover_bg: string | number;
          lg_menu_entry_hover_fg: string | number;
          lg_menu_entry_property_value_bg: string | number;
          lg_menu_entry_separator_bottom: string | number;
          lg_menu_entry_separator_top: string | number;
          lg_menu_entry_submenu_border: string | number;
          lg_menu_event_border: string | number;
          lg_menu_fg: string | number;
          lg_menu_filter_bg: string | number;
          lg_menu_filter_fg: string | number;
          lg_menu_hover_bg: string | number;
          lg_menu_old_title_bg: string | number;
          lg_menu_old_title_fg: string | number;
          lg_menu_panel_bg: string | number;
          lg_menu_panel_border: string | number;
          lg_menu_panel_shadow: string | number;
          lg_menu_property_value_bg: string | number;
          lg_menu_separator_bg: string | number;
          lg_menu_separator_border: string | number;
          lg_menu_submenu_border: string | number;
          lg_menu_title_bg: string | number;
          lg_menu_title_fg: string | number;
          lg_property_hover: string | number;
          lg_property_name_fg: string | number;
          lg_searchbox_bg: string | number;
          lg_searchbox_fg: string | number;
          lg_searchbox_input_bg: string | number;
          lg_searchitem_bg: string | number;
          lg_searchitem_fg: string | number;
          lg_searchitem_generic_type_fg: string | number;
          lg_searchitem_hover_bg: string | number;
          lg_searchitem_hover_fg: string | number;
          lg_searchitem_not_in_filter_fg: string | number;
          lg_separator_bottom: string | number;
          lg_separator_top: string | number;
          lg_subgraph_hover_bg: string | number;
          lg_subgraph_input_bg: string | number;
          lg_subgraph_input_fg: string | number;
          lg_subgraph_property_bg: string | number;
          lg_subgraph_property_extra_bg: string | number;
          lg_subgraph_property_extra_fg: string | number;
          lg_subgraph_property_fg: string | number;
          lg_subgraph_type_bg: string | number;
      }

      • gd_button_bg: string | number

      • gd_help_item_bg: string | number

      • gd_help_item_fg: string | number

      • lg_bullet_icon_bg: string | number

      • lg_bullet_icon_hover_bg: string | number

      • lg_combo_menu_selected_bg: string | number

      • lg_combo_menu_selected_fg: string | number

      • lg_dialog_bg: string | number

      • lg_dialog_bool_fg: string | number

      • lg_dialog_bool_on_fg: string | number

      • lg_dialog_btn_bg: string | number

      • lg_dialog_btn_delete_hover_bg: string | number

      • lg_dialog_btn_delete_hover_fg: string | number

      • lg_dialog_btn_fg: string | number

      • lg_dialog_btn_hover_bg: string | number

      • lg_dialog_btn_hover_fg: string | number

      • lg_dialog_close_hover: string | number

      • lg_dialog_fg: string | number

      • lg_dialog_footer_border: string | number

      • lg_dialog_header_border: string | number

      • lg_dialog_header_fg: string | number

      • lg_dialog_hover_fg: string | number

      • lg_dialog_input_bg: string | number

      • lg_dialog_input_fg: string | number

      • lg_dialog_name_fg: string | number

      • lg_dialog_old_bg: string | number

      • lg_dialog_old_shadow: string | number

      • lg_dialog_shadow: string | number

      • lg_dialog_side_bg: string | number

      • lg_dialog_value_bg: string | number

      • lg_dialog_value_fg: string | number

      • lg_dialog_value_hover_fg: string | number

      • lg_menu_bar_fg: string | number

      • lg_menu_bar_hover_bg: string | number

      • lg_menu_bar_hover_fg: string | number

      • lg_menu_bg: string | number

      • lg_menu_bg_dark: string | number

      • lg_menu_entry_checked_bg: string | number

      • lg_menu_entry_fg: string | number

      • lg_menu_entry_hover_bg: string | number

      • lg_menu_entry_hover_fg: string | number

      • lg_menu_entry_property_value_bg: string | number

      • lg_menu_entry_separator_bottom: string | number

      • lg_menu_entry_separator_top: string | number

      • lg_menu_entry_submenu_border: string | number

      • lg_menu_event_border: string | number

      • lg_menu_fg: string | number

      • lg_menu_filter_bg: string | number

      • lg_menu_filter_fg: string | number

      • lg_menu_hover_bg: string | number

      • lg_menu_old_title_bg: string | number

      • lg_menu_old_title_fg: string | number

      • lg_menu_panel_bg: string | number

      • lg_menu_panel_border: string | number

      • lg_menu_panel_shadow: string | number

      • lg_menu_property_value_bg: string | number

      • lg_menu_separator_bg: string | number

      • lg_menu_separator_border: string | number

      • lg_menu_submenu_border: string | number

      • lg_menu_title_bg: string | number

      • lg_menu_title_fg: string | number

      • lg_property_hover: string | number

      • lg_property_name_fg: string | number

      • lg_searchbox_bg: string | number

      • lg_searchbox_fg: string | number

      • lg_searchbox_input_bg: string | number

      • lg_searchitem_bg: string | number

      • lg_searchitem_fg: string | number

      • lg_searchitem_generic_type_fg: string | number

      • lg_searchitem_hover_bg: string | number

      • lg_searchitem_hover_fg: string | number

      • lg_searchitem_not_in_filter_fg: string | number

      • lg_separator_bottom: string | number

      • lg_separator_top: string | number

      • lg_subgraph_hover_bg: string | number

      • lg_subgraph_input_bg: string | number

      • lg_subgraph_input_fg: string | number

      • lg_subgraph_property_bg: string | number

      • lg_subgraph_property_extra_bg: string | number

      • lg_subgraph_property_extra_fg: string | number

      • lg_subgraph_property_fg: string | number

      • lg_subgraph_type_bg: string | number

  Returns LGraphTheme

Readonly theme

Static defaultTheme

apply

• apply(context): void

• Parameters

  • context: {
        canvas: LGraphCanvas;
        graph: LGraph;
    }

    • canvas: LGraphCanvas

    • graph: LGraph

  Returns void