Tag Cloud: Add color block support

docs/reference-guides/core-blocks.md

@@ -912,7 +912,7 @@ A cloud of popular keywords, each sized by how often it appears. ([Source](https
 
 -	**Name:** core/tag-cloud
 -	**Category:** widgets
--	**Supports:** align, interactivity (clientNavigation), spacing (margin, padding), typography (lineHeight), ~~html~~
+-	**Supports:** align, color (background, gradients, link, ~~text~~), interactivity (clientNavigation), spacing (margin, padding), typography (lineHeight), ~~html~~
 -	**Attributes:** largestFontSize, numberOfTags, showTagCounts, smallestFontSize, taxonomy
 
 ## Template Part

packages/block-library/src/tag-cloud/block.json

@@ -37,6 +37,12 @@
 	"supports": {
 		"html": false,
 		"align": true,
+		"color": {
+			"background": true,
+			"text": false,
+			"gradients": true,
+			"link": true
+		},
 		"spacing": {
 			"margin": true,
 			"padding": true

packages/block-library/src/tag-cloud/edit.js

@@ -113,6 +113,7 @@ function TagCloudEdit( { attributes, setAttributes } ) {
 		style: {
 			...attributes?.style,
 			border: undefined,
+			color: undefined,
 		},
 	};
 
@@ -195,7 +196,6 @@ function TagCloudEdit( { attributes, setAttributes } ) {
 			<div { ...useBlockProps() }>
 				<Disabled>
 					<ServerSideRender
-						skipBlockSupportAttributes
 						block="core/tag-cloud"
 						attributes={ serverSideAttributes }
 					/>

packages/block-library/src/tag-cloud/editor.scss

@@ -8,4 +8,5 @@
 	padding: 0;
 	border: none;
 	border-radius: inherit;
+	background: inherit;
 }