interface WorkspaceThemeProperty

Language	Type name
.NET	Amazon.CDK.Mixins.Preview.AWS.Connect.Mixins.CfnWorkspacePropsMixin.WorkspaceThemeProperty
Go	github.com/aws/aws-cdk-go/awscdkmixinspreview/v2/awsconnect/mixins#CfnWorkspacePropsMixin_WorkspaceThemeProperty
Java	software.amazon.awscdk.mixins.preview.services.connect.mixins.CfnWorkspacePropsMixin.WorkspaceThemeProperty
Python	aws_cdk.mixins_preview.aws_connect.mixins.CfnWorkspacePropsMixin.WorkspaceThemeProperty
TypeScript	@aws-cdk/mixins-preview » aws_connect » mixins » CfnWorkspacePropsMixin » 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 { mixins as connect_mixins } from '@aws-cdk/mixins-preview/aws-connect';
const workspaceThemeProperty: connect_mixins.CfnWorkspacePropsMixin.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