diff --git a/.config/ags/widgets/sideleft/tools/color.js b/.config/ags/widgets/sideleft/tools/color.js
index e1556b1b3..f93b56b57 100644
--- a/.config/ags/widgets/sideleft/tools/color.js
+++ b/.config/ags/widgets/sideleft/tools/color.js
@@ -1,3 +1,4 @@
+// It's weird, I know
 const { Gio, GLib } = imports.gi;
 import Service from 'resource:///com/github/Aylur/ags/service.js';
 import * as Utils from 'resource:///com/github/Aylur/ags/utils.js';
diff --git a/.config/ags/widgets/sideleft/tools/colorpicker.js b/.config/ags/widgets/sideleft/tools/colorpicker.js
index 34cdaa2b3..016eeba6d 100644
--- a/.config/ags/widgets/sideleft/tools/colorpicker.js
+++ b/.config/ags/widgets/sideleft/tools/colorpicker.js
@@ -27,7 +27,7 @@ export default () => {
         className: 'sidebar-module-colorpicker-wrapper',
         children: [Box({
             className: 'sidebar-module-colorpicker-hue',
-            css: `background: linear-gradient(to bottom, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);`,
+            css: `background: linear-gradient(to bottom, #ff6666, #ffff66, #66dd66, #66ffff, #6666ff, #ff66ff, #ff6666);`,
         })],
     });
     const hueSlider = Box({
@@ -189,9 +189,7 @@ export default () => {
             .hook(selectedColor, self.attribute.update, 'assigned')
         ,
     });
-    const ResultBox = ({
-        colorSystemName, updateCallback, copyCallback
-    }) => Box({
+    const ResultBox = ({ colorSystemName, updateCallback, copyCallback }) => Box({
         children: [
             Box({
                 vertical: true,