Skip to content

Commit 3ed48e3

Browse files
amysortoamysorto
committed
main - 64c07fb docs: Update references to M2 theming guide color variants section and add link to styling tab for color input descriptions (#30282)
1 parent 935e1b7 commit 3ed48e3

19 files changed

+96
-95
lines changed

‎docs-content/api-docs/material-badge.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -56,9 +56,9 @@ <h4 id="MatBadge" class="docs-header-link docs-api-h4 docs-api-class-name">
5656
</p>
5757
</td>
5858
<td class="docs-api-property-description"><p>Theme color of the badge. This API is supported in M2 themes only, it
59-
has no effect in M3 themes.</p>
59+
has no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/badge/styling">https://material.angular.io/components/badge/styling</a>.</p>
6060
<p>For information on applying color variants in M3, see
61-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
61+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
6262
</td>
6363
</tr>
6464

‎docs-content/api-docs/material-button.html‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -82,9 +82,9 @@ <h4 id="MatButton" class="docs-header-link docs-api-h4 docs-api-class-name">
8282
</p>
8383
</td>
8484
<td class="docs-api-property-description"><p>Theme color of the button. This API is supported in M2 themes only, it has
85-
no effect in M3 themes.</p>
85+
no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/button/styling">https://material.angular.io/components/button/styling</a>.</p>
8686
<p>For information on applying color variants in M3, see
87-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
87+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
8888
</td>
8989
</tr>
9090

@@ -250,9 +250,9 @@ <h4 id="MatAnchor" class="docs-header-link docs-api-h4 docs-api-class-name">
250250
</p>
251251
</td>
252252
<td class="docs-api-property-description"><p>Theme color of the button. This API is supported in M2 themes only, it has
253-
no effect in M3 themes.</p>
253+
no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/button/styling">https://material.angular.io/components/button/styling</a>.</p>
254254
<p>For information on applying color variants in M3, see
255-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
255+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
256256
</td>
257257
</tr>
258258

@@ -409,9 +409,9 @@ <h4 id="MatFabButton" class="docs-header-link docs-api-h4 docs-api-class-name">
409409
</p>
410410
</td>
411411
<td class="docs-api-property-description"><p>Theme color of the button. This API is supported in M2 themes only, it has
412-
no effect in M3 themes.</p>
412+
no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/button/styling">https://material.angular.io/components/button/styling</a>.</p>
413413
<p>For information on applying color variants in M3, see
414-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
414+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
415415
</td>
416416
</tr>
417417

@@ -580,9 +580,9 @@ <h4 id="MatMiniFabButton" class="docs-header-link docs-api-h4 docs-api-class-nam
580580
</p>
581581
</td>
582582
<td class="docs-api-property-description"><p>Theme color of the button. This API is supported in M2 themes only, it has
583-
no effect in M3 themes.</p>
583+
no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/button/styling">https://material.angular.io/components/button/styling</a>.</p>
584584
<p>For information on applying color variants in M3, see
585-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
585+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
586586
</td>
587587
</tr>
588588

@@ -746,9 +746,9 @@ <h4 id="MatFabAnchor" class="docs-header-link docs-api-h4 docs-api-class-name">
746746
</p>
747747
</td>
748748
<td class="docs-api-property-description"><p>Theme color of the button. This API is supported in M2 themes only, it has
749-
no effect in M3 themes.</p>
749+
no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/button/styling">https://material.angular.io/components/button/styling</a>.</p>
750750
<p>For information on applying color variants in M3, see
751-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
751+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
752752
</td>
753753
</tr>
754754

@@ -924,9 +924,9 @@ <h4 id="MatMiniFabAnchor" class="docs-header-link docs-api-h4 docs-api-class-nam
924924
</p>
925925
</td>
926926
<td class="docs-api-property-description"><p>Theme color of the button. This API is supported in M2 themes only, it has
927-
no effect in M3 themes.</p>
927+
no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/button/styling">https://material.angular.io/components/button/styling</a>.</p>
928928
<p>For information on applying color variants in M3, see
929-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
929+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
930930
</td>
931931
</tr>
932932

@@ -1082,9 +1082,9 @@ <h4 id="MatIconButton" class="docs-header-link docs-api-h4 docs-api-class-name">
10821082
</p>
10831083
</td>
10841084
<td class="docs-api-property-description"><p>Theme color of the button. This API is supported in M2 themes only, it has
1085-
no effect in M3 themes.</p>
1085+
no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/button/styling">https://material.angular.io/components/button/styling</a>.</p>
10861086
<p>For information on applying color variants in M3, see
1087-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
1087+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
10881088
</td>
10891089
</tr>
10901090

@@ -1240,9 +1240,9 @@ <h4 id="MatIconAnchor" class="docs-header-link docs-api-h4 docs-api-class-name">
12401240
</p>
12411241
</td>
12421242
<td class="docs-api-property-description"><p>Theme color of the button. This API is supported in M2 themes only, it has
1243-
no effect in M3 themes.</p>
1243+
no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/button/styling">https://material.angular.io/components/button/styling</a>.</p>
12441244
<p>For information on applying color variants in M3, see
1245-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
1245+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
12461246
</td>
12471247
</tr>
12481248

@@ -1425,9 +1425,9 @@ <h4 id="MatFabDefaultOptions" class="docs-header-link docs-api-h4 docs-api-inter
14251425
</p>
14261426
</td>
14271427
<td class="docs-api-property-description"><p>Default theme color of the button. This API is supported in M2 themes
1428-
only, it has no effect in M3 themes.</p>
1428+
only, it has no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/button/styling">https://material.angular.io/components/button/styling</a>.</p>
14291429
<p>For information on applying color variants in M3, see
1430-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a></p>
1430+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a>.</p>
14311431
</td>
14321432
</tr>
14331433

‎docs-content/api-docs/material-checkbox.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -155,9 +155,9 @@ <h4 id="MatCheckbox" class="docs-header-link docs-api-h4 docs-api-class-name">
155155
</p>
156156
</td>
157157
<td class="docs-api-property-description"><p>Theme color of the checkbox. This API is supported in M2 themes only, it
158-
has no effect in M3 themes.</p>
158+
has no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/checkbox/styling">https://material.angular.io/components/checkbox/styling</a>.</p>
159159
<p>For information on applying color variants in M3, see
160-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
160+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
161161
</td>
162162
</tr>
163163

@@ -708,9 +708,9 @@ <h4 id="MatCheckboxDefaultOptions" class="docs-header-link docs-api-h4 docs-api-
708708
</p>
709709
</td>
710710
<td class="docs-api-property-description"><p>Default theme color of the checkbox. This API is supported in M2 themes
711-
only, it has no effect in M3 themes.</p>
711+
only, it has no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/checkbox/styling">https://material.angular.io/components/checkbox/styling</a>.</p>
712712
<p>For information on applying color variants in M3, see
713-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a></p>
713+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
714714
</td>
715715
</tr>
716716

‎docs-content/api-docs/material-chips.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -92,9 +92,9 @@ <h4 id="MatChip" class="docs-header-link docs-api-h4 docs-api-class-name">
9292
</p>
9393
</td>
9494
<td class="docs-api-property-description"><p>Theme color of the chip. This API is supported in M2 themes only, it has no
95-
effect in M3 themes.</p>
95+
effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/chips/styling">https://material.angular.io/components/chips/styling</a>.</p>
9696
<p>For information on applying color variants in M3, see
97-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
97+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
9898
</td>
9999
</tr>
100100

@@ -407,9 +407,9 @@ <h4 id="MatChipOption" class="docs-header-link docs-api-h4 docs-api-class-name">
407407
</p>
408408
</td>
409409
<td class="docs-api-property-description"><p>Theme color of the chip. This API is supported in M2 themes only, it has no
410-
effect in M3 themes.</p>
410+
effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/chips/styling">https://material.angular.io/components/chips/styling</a>.</p>
411411
<p>For information on applying color variants in M3, see
412-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
412+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
413413
</td>
414414
</tr>
415415

@@ -899,9 +899,9 @@ <h4 id="MatChipRow" class="docs-header-link docs-api-h4 docs-api-class-name">
899899
</p>
900900
</td>
901901
<td class="docs-api-property-description"><p>Theme color of the chip. This API is supported in M2 themes only, it has no
902-
effect in M3 themes.</p>
902+
effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/chips/styling">https://material.angular.io/components/chips/styling</a>.</p>
903903
<p>For information on applying color variants in M3, see
904-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
904+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
905905
</td>
906906
</tr>
907907

‎docs-content/api-docs/material-datepicker.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -861,9 +861,9 @@ <h4 id="MatDateRangePicker" class="docs-header-link docs-api-h4 docs-api-class-n
861861
</p>
862862
</td>
863863
<td class="docs-api-property-description"><p>Theme color of the datepicker&#39;s calendar. This API is supported in M2 themes only, it
864-
has no effect in M3 themes.</p>
864+
has no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/datepicker/styling">https://material.angular.io/components/datepicker/styling</a>.</p>
865865
<p>For information on applying color variants in M3, see
866-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
866+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
867867
</td>
868868
</tr>
869869

@@ -2394,9 +2394,9 @@ <h4 id="MatDatepicker" class="docs-header-link docs-api-h4 docs-api-class-name">
23942394
</p>
23952395
</td>
23962396
<td class="docs-api-property-description"><p>Theme color of the datepicker&#39;s calendar. This API is supported in M2 themes only, it
2397-
has no effect in M3 themes.</p>
2397+
has no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/datepicker/styling">https://material.angular.io/components/datepicker/styling</a>.</p>
23982398
<p>For information on applying color variants in M3, see
2399-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
2399+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
24002400
</td>
24012401
</tr>
24022402

@@ -4030,9 +4030,9 @@ <h4 id="MatDatepickerPanel" class="docs-header-link docs-api-h4 docs-api-interfa
40304030
</p>
40314031
</td>
40324032
<td class="docs-api-property-description"><p>Color palette to use on the datepicker&#39;s calendar. This API is supported in M2 themes only, it
4033-
has no effect in M3 themes.</p>
4033+
has no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/datepicker/styling">https://material.angular.io/components/datepicker/styling</a>.</p>
40344034
<p>For information on applying color variants in M3, see
4035-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a></p>
4035+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
40364036
</td>
40374037
</tr>
40384038

‎docs-content/api-docs/material-form-field.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -236,9 +236,9 @@ <h4 id="MatFormField" class="docs-header-link docs-api-h4 docs-api-class-name">
236236
</p>
237237
</td>
238238
<td class="docs-api-property-description"><p>Theme color of the form field. This API is supported in M2 themes only, it
239-
has no effect in M3 themes.</p>
239+
has no effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/form-field/styling">https://material.angular.io/components/form-field/styling</a>.</p>
240240
<p>For information on applying color variants in M3, see
241-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a>.</p>
241+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
242242
</td>
243243
</tr>
244244

@@ -694,9 +694,9 @@ <h4 id="MatFormFieldDefaultOptions" class="docs-header-link docs-api-h4 docs-api
694694
</p>
695695
</td>
696696
<td class="docs-api-property-description"><p>Default theme color of the form field. This API is supported in M2 themes only, it has no
697-
effect in M3 themes.</p>
697+
effect in M3 themes. For color customization in M3, see <a href="https://material.angular.io/components/form-field/styling">https://material.angular.io/components/form-field/styling</a>.</p>
698698
<p>For information on applying color variants in M3, see
699-
<a href="https://material.angular.io/guide/theming#using-component-color-variants">https://material.angular.io/guide/theming#using-component-color-variants</a></p>
699+
<a href="https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants">https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants</a></p>
700700
</td>
701701
</tr>
702702

0 commit comments

Comments
 (0)