blog.pckt.theme

pckt.blog

Documentation

Theme configuration for a blog publication

main object

Theme configuration for a blog publication

Properties

dark ref #palette Required

Dark mode color palette

font string Optional

Font family name (optional)

maxLength: 100 bytes
light ref #palette Required

Light mode color palette

transparency integer Optional

Content background transparency percentage (optional)

minimum: 0maximum: 100
View raw schema 
{
  "type": "object",
  "required": [
    "light",
    "dark"
  ],
  "properties": {
    "dark": {
      "ref": "#palette",
      "type": "ref",
      "description": "Dark mode color palette"
    },
    "font": {
      "type": "string",
      "maxLength": 100,
      "description": "Font family name (optional)"
    },
    "light": {
      "ref": "#palette",
      "type": "ref",
      "description": "Light mode color palette"
    },
    "transparency": {
      "type": "integer",
      "maximum": 100,
      "minimum": 0,
      "description": "Content background transparency percentage (optional)"
    }
  },
  "description": "Theme configuration for a blog publication"
}
palette object

Color palette with CSS hex values

Properties

accent string Required

Accent color (hex value)

maxLength: 7 bytes
background string Required

Background color (hex value)

maxLength: 7 bytes
surfaceHover string Required

Surface hover color (hex value)

maxLength: 7 bytes
text string Required

Primary text color (hex value)

maxLength: 7 bytes
View raw schema 
{
  "type": "object",
  "required": [
    "link",
    "text",
    "accent",
    "background",
    "surfaceHover"
  ],
  "properties": {
    "link": {
      "type": "string",
      "maxLength": 7,
      "description": "Link color (hex value)"
    },
    "text": {
      "type": "string",
      "maxLength": 7,
      "description": "Primary text color (hex value)"
    },
    "accent": {
      "type": "string",
      "maxLength": 7,
      "description": "Accent color (hex value)"
    },
    "background": {
      "type": "string",
      "maxLength": 7,
      "description": "Background color (hex value)"
    },
    "surfaceHover": {
      "type": "string",
      "maxLength": 7,
      "description": "Surface hover color (hex value)"
    }
  },
  "description": "Color palette with CSS hex values"
}

Lexicon Garden

@