# Migration Guide to Version 2.0.0

An overview of a few things you will need to accommodate in your update to the next major version.

If you want to keep your templates compatible with version 1.4.0 as well as version 2.0.0, follow the recommendations in the "Backwards compatible" sections.

## Page Frame

The page wrapper now has borders by default. The super banner advertisement can no longer be integrated in the header. The corresponding classes are obsolete.

`page-wrapper--border`
  remove
`page-wrapper--with-ads--contained`
  remove

Backwards compatible: Leave the classes in and clean up later.

The old page header (`page-header-full`) has been removed.

Backwards compatible: Switch to the new top navigation before making the update.

## Backgrounds

Some background colors are no longer available in this version and are superseded by a single standard color. Replace these with the new `background` class for the default background.

`background-lightblue`
  `background`
`background-darkblue`
  `background`
`background-lightgray`
  `background`
`background-darkgray`
  `background`

Backwards compatible: Apply the new `background` class and keep the old ones, as in `<div class="background background-lightblue">`.

## Borders

Some border colors are no longer available in this version. You can remove the corresponding `border-<color>` classes. Your modules will continue to work because they already have the `border` class, which now applies a default color.

`border-lightblue`
  remove
`border-darkblue`
  remove
`border-lightgray`
  remove
`border-darkgray`
  remove

Backwards compatible: Leave the classes in and clean up later.

## Buttons

The buttons have functional class names now to make sure that they will not have to be renamed again as a result of visual changes. The transparent button has been removed.

`button-orange`
  `button-primary`
`button-darkblue`
  `button-secondary`
`button-lightblue`
  `button`
`button-transparent`
  `button`

Backwards compatible: Apply both the new and the old class, as in `<a href="#" class="button-primary button-orange">`.

## Fonts

The class for making text light gray has been renamed. There is no longer a way to turn text blue. The font family classes are obsolete, because they now do the same thing. The large line height is obsolete because line heights have been increased across the board.

`font-light`
  `font-lightgray`
`font-brandblue`
  remove
`font-headline`
  remove
`font-global`
  remove
`font-line-l`
  remove

Backwards compatible: The `font-light` class now reduces font weight. Visually, this has a similar effect, so you could choose to postpone the class switch until after your migration. Keep the remaining old classes.

## Forms

The standard form theme has been renamed.

`form-theme-blue`
  `form-theme-standard`

Backwards compatible: Apply both the new and the old class, as in `<form action="#" class="form form-theme-standard form-theme-blue">`.

## Rounded Corners

In the new design scheme, rounded corners occur only rarely on special modules. They can no longer be applied to random elements.

`rounded`
  remove
`rounded-top`
  remove
`rounded-right`
  remove
`rounded-bottom`
  remove
`rounded-left`
  remove

Backwards compatible: Leave the classes in and clean up later.