Merge pull request #236 from picocss/ll/accent-color

Style: Add accent-color

css/pico.classless.css

@@ -516,6 +516,13 @@ kbd {
   color-scheme: dark;
 }
 
+progress,
+[type=checkbox],
+[type=radio],
+[type=range] {
+  accent-color: var(--primary);
+}
+
 /**
  * Document
  * Content-box & Responsive typography

css/pico.css

@@ -521,6 +521,13 @@ kbd {
   color-scheme: dark;
 }
 
+progress,
+[type=checkbox],
+[type=radio],
+[type=range] {
+  accent-color: var(--primary);
+}
+
 /**
  * Document
  * Content-box & Responsive typography

css/pico.fluid.classless.css

@@ -516,6 +516,13 @@ kbd {
   color-scheme: dark;
 }
 
+progress,
+[type=checkbox],
+[type=radio],
+[type=range] {
+  accent-color: var(--primary);
+}
+
 /**
  * Document
  * Content-box & Responsive typography

css/pico.slim.css

@@ -452,6 +452,13 @@ kbd {
   color-scheme: dark;
 }
 
+progress,
+[type=checkbox],
+[type=radio],
+[type=range] {
+  accent-color: var(--primary);
+}
+
 /**
  * Document
  * Content-box & Responsive typography

css/themes/default.css

@@ -516,4 +516,11 @@ kbd {
   color-scheme: dark;
 }
 
+progress,
+[type=checkbox],
+[type=radio],
+[type=range] {
+  accent-color: var(--primary);
+}
+
 /*# sourceMappingURL=default.css.map */

scss/themes/default.scss

@@ -27,3 +27,11 @@
 [data-theme="dark"] {
   @include dark;
 }
+
+// Accent-color
+progress,
+[type="checkbox"],
+[type="radio"],
+[type="range"] {
+  accent-color: var(--primary);
+}