Skip to content

Notification Card Type

This card design was created by CollinHeist, and is a relatively simple card which borrows a lot of the design elements of the Tinted Glass card, but was directly inspired by the UI notifications from Palworld.

These cards feature two compact rectangular frames which contain the title, season, and episode text. These frames, as well as the text, can be re-positioned, colored, and sized with extras.

Example Notification Card
Labeled Card Elements

Labeled Notification Card Elements

Edge Adjustments

The edge element refers to the small colored rectangle on the inner side of the frames.

Coloring

The color of the edge can be adjusted with the Edge Color extra. If the color is set to transparent, then the edge will be removed completely.

Examples

Width

The width of the edge can be adjusted with the Edge Width extra. TCM does not perform any validation to ensure the edge does not overlap the title text.

Examples

Episode Text Adjustments

For adjustments, the "episode text" refers to the combined season and episode text.

Color

The color of the episode text can be adjusted with the Episode Text Color extra. If unspecified, this matches the Font color.

Examples

Size

The size of the episode text can be adjusted with the Episode Text Font Size extra. The background notification rectangle size will be dynamically resized to fit the episode text. TCM does not perform any validation to ensure the episode text does not overlap the title text.

Examples

Vertical Position

The vertical position of the episod text can be adjusted with the Episode Text Vertical Shift extra. Positive values will move the text up, negative values will move the text down. The background rectangle will be moved with the episode text.

Examples

Background Color

The background color of the player can be adjusted with the Notification Background Color extra.

Examples

Notification Position

The position of the text can be adjusted by setting Notification Position to either left, or right. This affects the position of both boxes (title and episode text).

Example

Separator Character

If both the season and episode text are displayed on the Card, then a separator character is added between them. This character can be adjusted with the Separator Character extra.

Example

Mask Images

This card also natively supports mask images. Like all mask images, TCM will automatically search for alongside the input Source Image in the Series' source directory, and apply this atop all other Card effects.

Example