@sabinmarcu/storybook-addon-theme-overrider

Index

Variables

• default

Variables

constdefault

default: { config: any; manager: any; preview: any } = ...

Type declaration

• get config(): PartialObjectDeep<{ font?: string } & { color?: string } & { pageBackground?: string } & { baseBackground?: string } & { secondaryBackground?: string } & { border?: string }, {}> | PartialObjectDeep<MapOptionsToString<{ docs: { padding: { block: 4rem; inline: 1.5rem }; size: 1500px }; headings: { border: ; color: #fff; font: { family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco', BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif }; h1: { border: ; color: #fff; margin: { end: 0.5rem; start: 1.25rem }; padding: { end: 0; start: 0 }; size: string; weight: string }; h2: { border: string; color: #fff; margin: { end: string; start: 1.25rem }; padding: { end: 0; start: 0 }; size: string; weight: 700 }; h3: { border: ; color: #fff; margin: { end: 0.5rem; start: 1.25rem }; padding: { end: 0; start: 0 }; size: string; weight: 700 }; h4: { border: ; color: #fff; margin: { end: 0.5rem; start: 1.25rem }; padding: { end: 0; start: 0 }; size: string; weight: 700 }; h5: { border: ; color: #fff; margin: { end: 0.5rem; start: 1.25rem }; padding: { end: 0; start: 0 }; size: string; weight: 700 }; h6: { border: ; color: #fff; margin: { end: 0.5rem; start: 1.25rem }; padding: { end: 0; start: 0 }; size: string; weight: 700 }; margin: { end: 0.5rem; start: 1.25rem }; padding: { end: 0; start: 0 }; weight: 700 }; surfaces: { argsTable: { body: { background: #222; code: { background: #7b7b7b; border: #7b7b7b; color: #fff } }; border: #7b7b7b; color: #fff; input: { background: #7b7b7b; color: #fff } }; colorPalette: { color: #fff; header: #fff; section: #fff }; docBlock: { codeToggle: { background: #7b7b7b; color: #f0f0f0 } }; modal: { background: #333; color: #fff }; page: { background: #555; color: #fff; link: { active: #0df; base: #0cf; hover: #0ac } }; panel: { background: #222; border: #222; color: #fff }; preview: { background: #222; bar: { background: #333; color: #fff }; color: #fff }; separator: #555; sidebar: { background: #333; border: #7b7b7b; color: #fff; comboBox: { background: #555; border: #787878; color: #fff; input: { active: #555; background: #333 } }; notification: { background: #555; color: #fff } }; story: { background: #222; color: #fff; font: { family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco', BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif } }; toolbar: { background: #333; badge: { background: #555; color: #fff }; color: #fff }; tooltips: { background: #333; color: #fff } }; unstyled: { font: { family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco', BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; size: 1rem; weight: 16px } } }>, {}>

• set config(input: PartialObjectDeep<{ font?: string } & { color?: string } & { pageBackground?: string } & { baseBackground?: string } & { secondaryBackground?: string } & { border?: string }, {}> | PartialObjectDeep<MapOptionsToString<{ docs: { padding: { block: 4rem; inline: 1.5rem }; size: 1500px }; headings: { border: ; color: #fff; font: { family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco', BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif }; h1: { border: ; color: #fff; margin: { end: 0.5rem; start: 1.25rem }; padding: { end: 0; start: 0 }; size: string; weight: string }; h2: { border: string; color: #fff; margin: { end: string; start: 1.25rem }; padding: { end: 0; start: 0 }; size: string; weight: 700 }; h3: { border: ; color: #fff; margin: { end: 0.5rem; start: 1.25rem }; padding: { end: 0; start: 0 }; size: string; weight: 700 }; h4: { border: ; color: #fff; margin: { end: 0.5rem; start: 1.25rem }; padding: { end: 0; start: 0 }; size: string; weight: 700 }; h5: { border: ; color: #fff; margin: { end: 0.5rem; start: 1.25rem }; padding: { end: 0; start: 0 }; size: string; weight: 700 }; h6: { border: ; color: #fff; margin: { end: 0.5rem; start: 1.25rem }; padding: { end: 0; start: 0 }; size: string; weight: 700 }; margin: { end: 0.5rem; start: 1.25rem }; padding: { end: 0; start: 0 }; weight: 700 }; surfaces: { argsTable: { body: { background: #222; code: { background: #7b7b7b; border: #7b7b7b; color: #fff } }; border: #7b7b7b; color: #fff; input: { background: #7b7b7b; color: #fff } }; colorPalette: { color: #fff; header: #fff; section: #fff }; docBlock: { codeToggle: { background: #7b7b7b; color: #f0f0f0 } }; modal: { background: #333; color: #fff }; page: { background: #555; color: #fff; link: { active: #0df; base: #0cf; hover: #0ac } }; panel: { background: #222; border: #222; color: #fff }; preview: { background: #222; bar: { background: #333; color: #fff }; color: #fff }; separator: #555; sidebar: { background: #333; border: #7b7b7b; color: #fff; comboBox: { background: #555; border: #787878; color: #fff; input: { active: #555; background: #333 } }; notification: { background: #555; color: #fff } }; story: { background: #222; color: #fff; font: { family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco', BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif } }; toolbar: { background: #333; badge: { background: #555; color: #fff }; color: #fff }; tooltips: { background: #333; color: #fff } }; unstyled: { font: { family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco', BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; size: 1rem; weight: 16px } } }>, {}>): void

• manager: function

  • manager(head: string): string

  ---

  • Parameters

    • head: string

    Returns string

• preview: function

  • preview(head: string): string

  ---

  • Parameters

    • head: string

    Returns string