Hiyve Components - v1.0.0
    Preparing search index...

    Interface NoteEditorColors

    Color configuration for the NoteEditor component.

    These colors are standalone values not tied to the MUI theme, allowing consistent styling regardless of the theme configuration. The default palette uses a dark theme that matches VideoGrid and VideoTile.

    import { defaultNoteEditorColors } from '@hiyve/react-notes';

    // Light theme colors
    const lightColors: Partial<NoteEditorColors> = {
      headerBackground: '#f5f5f5',
      editorBackground: '#ffffff',
      editorText: '#212121',
    };

    <NoteEditor colors={lightColors} />
    interface NoteEditorColors {
        blockquoteBorder: string;
        codeBackground: string;
        containerBackground: string;
        editorBackground: string;
        editorPlaceholder: string;
        editorText: string;
        errorIndicator: string;
        headerBackground: string;
        headerIconColor: string;
        headerTitleColor: string;
        highlightBackground: string;
        savedIndicator: string;
        savingIndicator: string;
        selectionBackground: string;
        tableBorder: string;
        tableCellBackground: string;
        tableHeaderBackground: string;
        taskCheckbox: string;
        taskCheckedText: string;
        titleBorder: string;
        titlePlaceholder: string;
        titleText: string;
        toolbarBackground: string;
        toolbarBorder: string;
        toolbarButton: string;
        toolbarButtonActive: string;
        toolbarButtonHover: string;
        toolbarDivider: string;
        unsavedIndicator: string;
    }
    Index

    Properties

    blockquoteBorder codeBackground containerBackground editorBackground editorPlaceholder editorText errorIndicator headerBackground headerIconColor headerTitleColor highlightBackground savedIndicator savingIndicator selectionBackground tableBorder tableCellBackground tableHeaderBackground taskCheckbox taskCheckedText titleBorder titlePlaceholder titleText toolbarBackground toolbarBorder toolbarButton toolbarButtonActive toolbarButtonHover toolbarDivider unsavedIndicator

    Properties

    blockquoteBorder: string

    Blockquote border color

    codeBackground: string

    Code background color

    containerBackground: string

    Container background color

    editorBackground: string

    Editor background color

    editorPlaceholder: string

    Editor placeholder color

    editorText: string

    Editor text color

    errorIndicator: string

    Error indicator color

    headerBackground: string

    Header background color

    headerIconColor: string

    Header icon color

    headerTitleColor: string

    Header title text color

    highlightBackground: string

    Highlight background color

    savedIndicator: string

    Save indicator color (saved)

    savingIndicator: string

    Save indicator color (saving)

    selectionBackground: string

    Selection background color

    tableBorder: string

    Table border color

    tableCellBackground: string

    Table cell background

    tableHeaderBackground: string

    Table header background

    taskCheckbox: string

    Task list checkbox color

    taskCheckedText: string

    Task list checked text color

    titleBorder: string

    Title input border color

    titlePlaceholder: string

    Title input placeholder color

    titleText: string

    Title input text color

    toolbarBackground: string

    Toolbar background color

    toolbarBorder: string

    Toolbar border color

    toolbarButton: string

    Toolbar button color (inactive)

    toolbarButtonActive: string

    Toolbar button active color

    toolbarButtonHover: string

    Toolbar button hover color

    toolbarDivider: string

    Toolbar divider color

    unsavedIndicator: string

    Unsaved changes indicator color

    Settings

    Member Visibility

    On This Page

    Properties