Raspberry Mint development environment

Colors ^{Permanent link to this section.}

An evolution of the colors introduced by Betty's original theme, Cotton Candy, combined with a fresh, new, third color to help guide user interactions. All colors come in nine predefined shades.

$raspberry
$mint
$orange

Raspberry

The primary color, used to call for attention or indicate actions.

$raspberry-100
$raspberry-200
$raspberry-300
$raspberry-400
$raspberry-500
$raspberry-600
$raspberry-700
$raspberry-800
$raspberry-900

Mint

The secondary color. Among other things, used for navigation.

$mint-100
$mint-200
$mint-300
$mint-400
$mint-500
$mint-600
$mint-700
$mint-800
$mint-900

Orange

The tertiary color. Used when a contrasting color is desired, usually to communicate an interaction state to the user, such as highlights, or which element on the page is currently focused.

$orange-100
$orange-200
$orange-300
$orange-400
$orange-500
$orange-600
$orange-700
$orange-800
$orange-900

Gray

$gray-100
$gray-200
$gray-300
$gray-400
$gray-500
$gray-600
$gray-700
$gray-800
$gray-900

Black and white

$black
$white

Text ^{Permanent link to this section.}

Paragraph ^{Permanent link to this section.}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas risus mi, aliquam eget bibendum id, venenatis et leo. Suspendisse potenti. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi ultricies dapibus mauris. Ut cursus pharetra nibh, ut venenatis tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam erat volutpat. Vestibulum bibendum, ex sed convallis egestas, erat leo venenatis eros, vel elementum mauris tortor a arcu. Aenean bibendum malesuada elit. Pellentesque eleifend, mi sit amet molestie congue, augue metus volutpat lacus, eu posuere mauris turpis sed turpis. Proin pulvinar finibus orci sit amet consectetur. Quisque scelerisque tempus dui ac fermentum.

Donec ac nunc ligula. Sed sit amet metus in diam tincidunt condimentum. Phasellus sodales odio nec arcu tempus cursus. Aenean fermentum purus eros, molestie tincidunt magna tincidunt sed. Proin sagittis ut ex in luctus. Suspendisse potenti. Donec sed ullamcorper metus. Morbi sed quam eget tortor commodo congue.

Nam quis est est. Ut pellentesque at ligula sit amet venenatis. Phasellus id consectetur tortor. Cras odio erat, tristique dapibus dapibus in, convallis at orci. Sed magna tortor, ultrices nec posuere quis, gravida vel lorem. Nulla tincidunt nec neque non bibendum. Aenean finibus erat sit amet pulvinar posuere. Cras tellus erat, imperdiet nec dolor at, egestas laoreet ante. In eget orci quis ligula porta placerat et at quam. Morbi fringilla condimentum magna, in ornare ligula aliquam quis.

Link ^{Permanent link to this section.}

A link to someplace else.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vulputate magna sem, eget rutrum eros consequat id. Aenean eu mauris condimentum, fermentum leo at, mollis diam. Pellentesque hendrerit ornare sagittis. Cras imperdiet, nisi ac pulvinar ornare, elit magna semper risus, et posuere mi justo ut sem. Morbi tincidunt odio non risus auctor facilisis in ut dolor. Vestibulum sed sapien interdum, maximus leo quis, lacinia mi. Mauris ipsum orci, commodo quis lorem in, laoreet eleifend ante. Etiam euismod neque sit amet diam pulvinar tincidunt vel vel urna.

References ^{Permanent link to this section.}

Lorem ipsum dolor sit amet ^[1].

Donec ac nunc ligula ^[1] ^[2].

Scripts ^{Permanent link to this section.}

Arabic

مرحباً بكم في Betty!

Chinese, traditional (Cantonese)

歡迎嚟到 Betty!

Hebrew

ברוכים הבאים לBetty!

Cyrillic (Ukrainian)

Ласкаво просимо до Betty!

Image focus areas ^{Permanent link to this section.}