feat: Add black and white variants (#19)

Closes #17

Author: elementbound

addons/plenticons/plugin.cfg

@@ -3,5 +3,5 @@
 name="plenticons"
 description="A library of icons for your custom nodes!"
 author="Tamás Gálffy"
-version="0.8.3"
+version="0.9.0"
 script="plenticons.gd"

sh/build.sh

@@ -7,6 +7,8 @@ declare -A COLORS=(\
     ["blue"]="#8da5f3"
     ["green"]="#8eef97"
     ["yellow"]="#ffca5f"
+    ["white"]="#ffffff"
+    ["black"]="#000000"
 )
 
 BASE_COLOR="${COLORS[red]}"
@@ -24,7 +26,7 @@ for CATEGORY in $CATEGORIES; do
     mkdir -p "build/bundle/icons/16x/$CATEGORY"
     mkdir -p "build/site/icons/$CATEGORY"
 
-    ICONS="$(find "icons/$CATEGORY" -type f -name *.svg)"
+    ICONS="$(find "icons/$CATEGORY" -type f -name "*.svg")"
     for ICON in $ICONS; do
         ICON="$(basename "$ICON")"
         ICON="${ICON%.*}"

site/css/style.css

@@ -16,6 +16,8 @@
   --variant-green: #8eef97;
   --variant-yellow: #ffca5f;
   --variant-gray: #e0e0e0;
+  --variant-white: #ffffff;
+  --variant-black: #000000;
 }
 
 body {
@@ -93,6 +95,10 @@ input {
   border-radius: 1em;
 }
 
+.variant-color-gray {
+  background-color: var(--variant-gray);
+}
+
 .variant-color-red {
   background-color: var(--variant-red);
 }
@@ -109,8 +115,12 @@ input {
   background-color: var(--variant-yellow);
 }
 
-.variant-color-gray {
-  background-color: var(--variant-gray);
+.variant-color-white {
+  background-color: var(--variant-white);
+}
+
+.variant-color-black {
+  background-color: var(--variant-black);
 }
 
 img.icon-inline {

site/js/index.js

@@ -1,4 +1,4 @@
-const VARIANTS = ['gray', 'red', 'blue', 'green', 'yellow']
+const VARIANTS = ['gray', 'red', 'blue', 'green', 'yellow', 'white', 'black']
 const MANIFEST = {}
 
 class Icon extends HTMLElement {