interface WorkspaceThemeProperty

Language	Type name
.NET	Amazon.CDK.AWS.Connect.CfnWorkspace.WorkspaceThemeProperty
Go	github.com/aws/aws-cdk-go/awscdk/v2/awsconnect#CfnWorkspace_WorkspaceThemeProperty
Java	software.amazon.awscdk.services.connect.CfnWorkspace.WorkspaceThemeProperty
Python	aws_cdk.aws_connect.CfnWorkspace.WorkspaceThemeProperty
TypeScript	aws-cdk-lib » aws_connect » CfnWorkspace » WorkspaceThemeProperty

Contains theme configuration for a workspace, supporting both light and dark modes.

See also: http://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-connect-workspace-workspacetheme.html

Example

// The code below shows an example of how to instantiate this type.
// The values are placeholders you should change.
import { aws_connect as connect } from 'aws-cdk-lib';
const workspaceThemeProperty: connect.CfnWorkspace.WorkspaceThemeProperty = {
  dark: {
    palette: {
      canvas: {
        activeBackground: 'activeBackground',
        containerBackground: 'containerBackground',
        pageBackground: 'pageBackground',
      },
      header: {
        background: 'background',
        invertActionsColors: false,
        text: 'text',
        textHover: 'textHover',
      },
      navigation: {
        background: 'background',
        invertActionsColors: false,
        text: 'text',
        textActive: 'textActive',
        textBackgroundActive: 'textBackgroundActive',
        textBackgroundHover: 'textBackgroundHover',
        textHover: 'textHover',
      },
      primary: {
        active: 'active',
        contrastText: 'contrastText',
        default: 'default',
      },
    },
    typography: {
      fontFamily: {
        default: 'default',
      },
    },
  },
  light: {
    palette: {
      canvas: {
        activeBackground: 'activeBackground',
        containerBackground: 'containerBackground',
        pageBackground: 'pageBackground',
      },
      header: {
        background: 'background',
        invertActionsColors: false,
        text: 'text',
        textHover: 'textHover',
      },
      navigation: {
        background: 'background',
        invertActionsColors: false,
        text: 'text',
        textActive: 'textActive',
        textBackgroundActive: 'textBackgroundActive',
        textBackgroundHover: 'textBackgroundHover',
        textHover: 'textHover',
      },
      primary: {
        active: 'active',
        contrastText: 'contrastText',
        default: 'default',
      },
    },
    typography: {
      fontFamily: {
        default: 'default',
      },
    },
  },
};

Properties

Name	Type	Description
dark?	IResolvable | WorkspaceThemeConfigProperty	The theme configuration for dark mode.
light?	IResolvable | WorkspaceThemeConfigProperty	The theme configuration for light mode.

---

dark?

Type: IResolvable | WorkspaceThemeConfigProperty (optional)

The theme configuration for dark mode.

See also: http://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-connect-workspace-workspacetheme.html#cfn-connect-workspace-workspacetheme-dark

---

light?

Type: IResolvable | WorkspaceThemeConfigProperty (optional)

The theme configuration for light mode.

See also: http://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-connect-workspace-workspacetheme.html#cfn-connect-workspace-workspacetheme-light