diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md index 9993087ba7d99..f3fcb26399b89 100644 --- a/docs/reference-guides/core-blocks.md +++ b/docs/reference-guides/core-blocks.md @@ -68,7 +68,7 @@ A calendar of your site’s posts. ([Source](https://github.com/WordPress/gutenb - **Name:** core/calendar - **Category:** widgets -- **Supports:** align +- **Supports:** align, color (background, gradients, link, text) - **Attributes:** month, year ## Categories List diff --git a/packages/block-library/src/calendar/block.json b/packages/block-library/src/calendar/block.json index 6f498ed585cd0..3f687da61310a 100644 --- a/packages/block-library/src/calendar/block.json +++ b/packages/block-library/src/calendar/block.json @@ -16,7 +16,19 @@ } }, "supports": { - "align": true + "align": true, + "color": { + "text": true, + "background": true, + "gradients": true, + "link": true, + "__experimentalDefaultControls": { + "text": false, + "background": true, + "gradients": false, + "link": false + } + } }, "style": "wp-block-calendar" } diff --git a/packages/block-library/src/calendar/style.scss b/packages/block-library/src/calendar/style.scss index 39df1e572d5b1..9cb93146d4c0c 100644 --- a/packages/block-library/src/calendar/style.scss +++ b/packages/block-library/src/calendar/style.scss @@ -18,6 +18,9 @@ table th { font-weight: 400; + } + + &:not(.has-background) th { background: $gray-300; } @@ -25,8 +28,10 @@ text-decoration: underline; } - table tbody, - table caption { - color: #40464d; + &:not(.has-text-color) { + tbody, + caption { + color: #40464d; + } } }