Skip to content
Will Steinmetz edited this page Oct 7, 2016 · 2 revisions

Notific8 comes with the built-in themes below. Each theme also has a few built in colors. Custom colors for all themes can be created by calling the appropriate theme mixin in your Sass file.

Legacy (default)

The Legacy theme is the original theme built into Notific8. This theme was inspired by the notification style introduce in Windows 8. Built in colors for this theme include: teal, amethyst, ruby, tangerine, lemon, lime, ebony, and smoke.

Custom colors can be created for this theme by calling the notific8_legacy_theme mixin.

ChicChat

The ChicChat theme was added in version 2.0.0. It was inspired by the design of the notifications built into the HipChat application by Atlassian. Built in colors for this theme include: cobalt, ruby, honey, and shamrock.

Custom colors can be created for this theme by calling the notific8_chicchat_theme mixin.

Atomic

The Atomic theme was added in version 2.1.0. It was inspired by the design of the notifications built into the Atom editor by GitHub. Built in colors for this theme include: amethyst, cerulean, mustard, onyx, pear, and tomato.

Custom colors can be created for this theme by calling the notific8_atomic_theme mixin.

Materialish

The Materialish theme was added in version 3.3.0. It was inspired by the specification for Material notifications. Build in colors for this theme include: twilight, lilrobot, cupcake, eclair, honeycomb, lollypop, marshmallow, strawberry, creamsicle, purple-rain, peafowl.

The theme currently does not support the header option but will be refactored to include that option in the future.

Custom colors can be created for this theme by calling the notific8_materialish_theme mixin.

Clone this wiki locally