Deprecated variables migrating to Liferay 7.2

Question

During theme migration from Liferay 7 to Liferay 7.2 I am getting following issues. Please tell me what to use in place of these deprecated variables?

$state-danger-text was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
    $state-info-bg was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
    $state-info-border was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
    $state-info-text was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
    $state-success-border was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
    $state-success-text was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
    $state-warning-border was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
    $state-warning-text was deprecated in Lexicon CSS 1.x.x and has been removed in the new Clay 2.x.x version
and many more...

Answer 1

I guess you called gulp upgrade to get that output.

According to the migration guide you simply need to remove these variables. They are defined in one of your theme files (e.g. _variables_custom.scss) and are not needed anymore.

Answer 2

theme migration to 7.2 will change the structure use following step

1. npm install -g [email protected]
2. npm install --save-dev [email protected]
3. gulp upgrade
4. gulp init

then you are good to go.