Theme | @sheetwrite/core

Resolved canvas colors, typography, and geometry used for painting.

Package: @sheetwrite/core
Source: packages/core/src/types/render.ts#L8

Members 14

font Canvas font shorthand used for unstyled cells.

font: string;

bg CSS color painted behind body cells.

bg: string;

fg CSS color used for unstyled cell text.

fg: string;

gridLine CSS color used for cell grid lines.

gridLine: string;

headerBg CSS color painted behind column and row headers.

headerBg: string;

headerFg CSS color used for column letters and row numbers.

headerFg: string;

selection CSS color painted over the selected region.

selection: string;

selectionBorder CSS color used for the active selection outline.

selectionBorder: string;

rowHeight Default data-row height in unzoomed CSS pixels.

rowHeight: number;

headerHeight Column-header height in unzoomed CSS pixels.

headerHeight: number;

rowHeaderWidth Width of the left row-number gutter (0 hides it).

rowHeaderWidth: number;

searchMatch Fill behind a search match.

searchMatch: string;

searchActiveMatch Fill/outline for the active (current) search match.

searchActiveMatch: string;

highlight Fill for cells highlighted via Grid.highlightCells.

highlight: string;

Declaration

View full TypeScript declaration

export interface Theme {
  font: string;
  bg: string;
  fg: string;
  gridLine: string;
  headerBg: string;
  headerFg: string;
  selection: string;
  selectionBorder: string;
  rowHeight: number;
  headerHeight: number;
  rowHeaderWidth: number;
  searchMatch: string;
  searchActiveMatch: string;
  highlight: string;
}