description: Theme styling for SDC questionnaire forms including colors, fonts, and component styles.
package_name: io.health-samurai.sdc.r4b
derivation: specialization
name: QuestionnaireTheme
type: QuestionnaireTheme
elements:
  theme-name: {type: string, short: Theme Title, index: 0}
  button:
    type: BackboneElement
    short: Button styles
    index: 20
    elements:
      redirect-text: {type: string, index: 31}
      submit-text: {type: string, index: 35}
      _print-text: {index: 22}
      submit-color: {type: string, short: Background color for Submit button, index: 33}
      _submit-text: {index: 36}
      submit-text-color: {type: string, short: Text color for Submit button, index: 34}
      accent-color: {type: string, short: 'Background color for filled buttons, border color for outlined buttons. Deprecated.', index: 37}
      text-color: {type: string, index: 38}
      redirect-text-color: {type: string, short: Text color for Save & Close button, index: 32}
      amend-text-color: {type: string, index: 28}
      print-text: {type: string, index: 21}
      _redirect-text: {index: 29}
      print-text-color: {type: string, short: Text color for Print button, index: 24}
      print-color: {type: string, short: Background color for Print button, index: 23}
      amend-color: {type: string, index: 27}
      redirect-color: {type: string, short: Background color for Save & Close button, index: 30}
      amend-text: {type: string, index: 25}
      _amend-text: {index: 26}
  design-system:
    type: string
    short: Design System used in form components
    constraint:
      enum-1: {human: 'Design system must be one of: aidbox-desktop, aidbox-mobile, NHS', severity: error, expression: '%context.subsetOf(''aidbox-desktop'' | ''aidbox-mobile'' | ''NHS'')'}
    index: 2
  background:
    type: BackboneElement
    short: Background styles
    index: 11
    elements:
      main-color: {type: string, short: Main background color (RGB hex), index: 12}
      form-color: {type: string, short: Background color for form (RGB hex), index: 13}
      toolbar-color: {type: string, short: Background color for toolbar that displays below the form (with submit button) (RGB hex), index: 14}
  brand-image:
    type: BackboneElement
    short: Brand images
    index: 6
    elements:
      top-right:
        type: BackboneElement
        index: 7
        elements:
          url: {type: string, short: Web link to top-right image, index: 8}
      bottom-left:
        type: BackboneElement
        index: 9
        elements:
          url: {type: string, short: Web link to bottom-left image, index: 10}
  base-font-size: {type: decimal, short: Minimal text size (px), index: 5}
  language:
    type: code
    short: Theme Language
    binding: {strength: required, valueSet: 'http://hl7.org/fhir/ValueSet/all-languages'}
    index: 1
  input:
    type: BackboneElement
    short: Input styles
    index: 15
    elements:
      accent-color: {type: string, short: 'Main color for inputs (border color for text inputs, background for checkbox, etc.) (RGB hex)', index: 16}
      text-color: {type: string, short: Text color (RGB hex), index: 17}
      background-color: {type: string, short: Background color (RGB hex), index: 18}
      font-size: {type: decimal, short: Input font size (px), index: 19}
  font-family:
    type: string
    short: Font-Family
    constraint:
      enum-2: {human: 'Font family must be one of: Product Sans, Metropolis, Inter', severity: error, expression: '%context.subsetOf(''Product Sans'' | ''Metropolis'' | ''Inter'')'}
    index: 4
  main-color: {type: string, short: Main accent color (RGB hex), index: 3}
package_version: 0.2601.0
class: resource
kind: resource
url: http://health-samurai.io/fhir/sdc/StructureDefinition/QuestionnaireTheme
base: http://hl7.org/fhir/StructureDefinition/DomainResource
version: 0.2601.0