Theme:
SCSS TypeScript

Button Themes

In the following, individual button color variants of the different themes are presented.

finanzen.net Button Variants

In the following, special buttons for the finanzen.net theme are examined in more detail.

Net Login Button

The login button, which can be found in the finanzen.net header, is implemented as an avatar button. The login colors are implemented in the login variant. The following example shows how the button can be used.

Theme de [FIX] Screen size XL
html

finanzen.ch Button Variants

We have integrated the previously used color variants from finanzen.ch into the seven variants. Some special versions are examined in more detail below.

Ch Login Button

The login button, which can be found in the finanzen.ch header, is implemented as an avatar button. The login colors are implemented in the login variant. The following example shows how the button can be used.

Theme ch [FIX] Screen size XL
html

Market Insider Button Variants

We have integrated the previously used color variants from Market Insider into the variants. Some special versions are examined in more detail below.

Blue Border Button

DEPRECATED

The blue border buttons were used in particular for social media buttons. These can now be implemented with the special button.

Theme us [FIX] Screen size XL
html

Button Colors

NOT IMPLEMENTED YET

Blue Hover Button

DEPRECATED

So far we had a dedicated button style for buttons, which represented a single icon with a particularly important function, e.g. the menu button. These can now be implemented with the flat variant.

Theme us [FIX] Screen size XL
html