Theme in Amazon Connect Agent Workspace

The theme package defines and applies the Amazon Connect theme when developing with Cloudscape for Amazon Connect Agent Workspace.

Install from NPM

Install the theme package from NPM by installing @amazon-connect/theme.

% npm install -P @amazon-connect/theme  
   

Usage

The theme package must be imported once at the entry point of the application.

// src/index.ts

import { applyConnectTheme } from "@amazon-connect/theme";

applyConnectTheme();            
        

From then on cloudscape components and design tokens can be used directly from Cloudscape.

// src/app.ts

import * as React from "react";
import Button from "@cloudscape-design/components/button";

export default () => {
  return <Button variant="primary">Button</Button>;
}