Support any arbitrary value for accentColor

Author: adamwathan

src/plugins/accentColor.js

@@ -12,7 +12,7 @@ export default function () {
       {
         values: flattenColorPalette(theme('accentColor')),
         variants: variants('accentColor'),
-        type: 'color',
+        type: ['color', 'any'],
       }
     )
   }

tests/arbitrary-values.test.css

@@ -333,6 +333,12 @@
 .placeholder-opacity-\[var\(--placeholder-opacity\)\]::placeholder {
   --tw-placeholder-opacity: var(--placeholder-opacity);
 }
+.accent-\[\#bada55\] {
+  accent-color: #bada55;
+}
+.accent-\[var\(--accent-color\)\] {
+  accent-color: var(--accent-color);
+}
 .opacity-\[var\(--opacity\)\] {
   opacity: var(--opacity);
 }

tests/arbitrary-values.test.html

@@ -117,6 +117,8 @@
     <div class="delay-[var(--delay)]"></div>
     <div class="content-['hello']"></div>
     <div class="content-[attr(content-before)]"></div>
+    <div class="accent-[#bada55]"></div>
+    <div class="accent-[var(--accent-color)]"></div>
 
     <!-- Balancing issues, this is not checking the validity of the actual value, but purely syntax-wise -->
     <div class="w-[do-not-generate-this]w-[it-is-invalid-syntax]"></div><!-- INVALID -->