fix(clipboard): makes clipboard a context consumer

Author: bennypowers

.changeset/context-controller-cavalcade.md

@@ -62,6 +62,7 @@
 - Fixes animation timings in pfe-accordion on browsers which don't support `computedStyleMap`
 - Fixes context styles for slotted CTAs (provided `pfe.min.css` is loaded)
 - Restores reload-on-save function to dev server
+- Makes `pfe-clipboard` strictly a colour context consumer
 
 ### New Features:
 

elements/pfe-clipboard/pfe-clipboard.ts

@@ -1,9 +1,9 @@
 import { LitElement, html } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 
-import { ComposedEvent } from '@patternfly/pfe-core';
+import { ColorTheme, ComposedEvent } from '@patternfly/pfe-core';
 import { SlotController } from '@patternfly/pfe-core/controllers/slot-controller.js';
-import { pfelement, bound, observed } from '@patternfly/pfe-core/decorators.js';
+import { pfelement, bound, observed, colorContextConsumer } from '@patternfly/pfe-core/decorators.js';
 import { deprecatedCustomEvent } from '@patternfly/pfe-core/functions/deprecatedCustomEvent.js';
 import { Logger } from '@patternfly/pfe-core/controllers/logger.js';
 
@@ -86,6 +86,12 @@ export class PfeClipboard extends LitElement {
    */
   @property({ type: Number, reflect: true, attribute: 'copied-duration' }) copiedDuration = 4;
 
+  /**
+   * Sets color theme based on parent context
+   */
+  @colorContextConsumer()
+  @property({ reflect: true }) on?: ColorTheme;
+
   /**
    * Specify when the button slot needs to be aria-disabled or not, coincides with button disabled * states.
    */