chore: add svg transformation task

.gulp/tasks/icons.js

@@ -12,11 +12,21 @@ import del from 'del';
 
 import iconsColors from '../../icons/colors.js';
 
+console.log(iconsColors);
+
 Gulp.task('process:icons', () => {
   del([`${Paths.icons}/svg/*.svg`]).then(paths => {
-    console.log('[ ⚙️ Deleting all icons]\n'.bold.red);
+    console.log('[ 🔥 Deleting all icons]\n'.bold.red);
   });
   Gulp.src(`${Paths.src}/icons/*.svg`)
-    .pipe(Colorize(iconsColors))
+    .pipe(Colorize({
+      colors: iconsColors,
+      replaceColor: function (content, hex) {
+        return content.replace('#000', '#' + hex);
+      },
+      replacePath: function (path, colorKey) {
+        return path.replace(/\.svg/, '.svg');
+      }
+    }))
     .pipe(Gulp.dest(`${Paths.icons}/svg`));
 });

icons/colors.js

@@ -1,34 +1,25 @@
-const iconsColors ={
+/* Color Palette:
-  colors: {
+ * green: '90A959',
-    // Specific files
+ * blue: '6A9FB5',
+ * blueDesaturated: '78909C',
+ * red: 'AC4142',
+ * redLight: 'D14748',
+ * maroon: 'AB7558',
+ * limeGreen: 'B8E15E',
+ * greenTea: '2ECC71',
+ * purple: 'AA759F',
+ * purpleDark: '8251A8',
+ * yellow: 'F4BF75',
+ * teal: '80CBC4',
+ * orange: 'D28445',
+*/
+
+
+
+var iconsColors = {
   actionscript: {
     pink: 'FF00FF'
   }
-  },
-  replaceColor: function (content, hex) {
-    return content.replace('#000', '#' + hex);
-  },
-  replacePath: function (path, colorKey) {
-    return path.replace(/\.svg/, '.svg');
 }
-}
-
-/*
-default: {
-          green: '90A959',
-          blue: '6A9FB5',
-          blueDesaturated: '78909C',
-          red: 'AC4142',
-          redLight: 'D14748',
-          maroon: 'AB7558',
-          limeGreen: 'B8E15E',
-          greenTea: '2ECC71',
-          purple: 'AA759F',
-          purpleDark: '8251A8',
-          yellow: 'F4BF75',
-          teal: '80CBC4',
-          orange: 'D28445',
-        }
-*/
 
 export default iconsColors;