Add color cycle to LineDrawer

Makes it so that when you add a line it assigns a default color.

Change-Id: I87417acaca5612141e7e8fe095ef02c6bfa759d4
diff --git a/frc971/control_loops/drivetrain/BUILD b/frc971/control_loops/drivetrain/BUILD
index 8c3274d..c420333 100644
--- a/frc971/control_loops/drivetrain/BUILD
+++ b/frc971/control_loops/drivetrain/BUILD
@@ -731,6 +731,7 @@
     target_compatible_with = ["@platforms//os:linux"],
     deps = [
         "//aos/network/www:aos_plotter",
+        "//aos/network/www:colors",
         "//aos/network/www:proxy",
         "//frc971/wpilib:imu_plot_utils",
     ],
@@ -742,6 +743,7 @@
     target_compatible_with = ["@platforms//os:linux"],
     deps = [
         "//aos/network/www:aos_plotter",
+        "//aos/network/www:colors",
         "//aos/network/www:proxy",
     ],
 )
diff --git a/frc971/control_loops/drivetrain/drivetrain_plotter.ts b/frc971/control_loops/drivetrain/drivetrain_plotter.ts
index 0c01f6a..f55f965 100644
--- a/frc971/control_loops/drivetrain/drivetrain_plotter.ts
+++ b/frc971/control_loops/drivetrain/drivetrain_plotter.ts
@@ -2,19 +2,13 @@
 import {AosPlotter} from 'org_frc971/aos/network/www/aos_plotter';
 import {ImuMessageHandler} from 'org_frc971/frc971/wpilib/imu_plot_utils';
 import * as proxy from 'org_frc971/aos/network/www/proxy';
+import {BLUE, BROWN, CYAN, GREEN, PINK, RED, WHITE} from 'org_frc971/aos/network/www/colors';
 
 import Connection = proxy.Connection;
 
 const TIME = AosPlotter.TIME;
 const DEFAULT_WIDTH = AosPlotter.DEFAULT_WIDTH;
 const DEFAULT_HEIGHT = AosPlotter.DEFAULT_HEIGHT;
-const RED = AosPlotter.RED;
-const GREEN = AosPlotter.GREEN;
-const BLUE = AosPlotter.BLUE;
-const BROWN = AosPlotter.BROWN;
-const PINK = AosPlotter.PINK;
-const CYAN = AosPlotter.CYAN;
-const WHITE = AosPlotter.WHITE;
 
 export function plotDrivetrain(conn: Connection, element: Element): void {
   const aosPlotter = new AosPlotter(conn);
diff --git a/frc971/control_loops/drivetrain/robot_state_plotter.ts b/frc971/control_loops/drivetrain/robot_state_plotter.ts
index f42c50b..829df25 100644
--- a/frc971/control_loops/drivetrain/robot_state_plotter.ts
+++ b/frc971/control_loops/drivetrain/robot_state_plotter.ts
@@ -1,19 +1,13 @@
 // Provides a plot for debugging robot state-related issues.
 import {AosPlotter} from 'org_frc971/aos/network/www/aos_plotter';
 import * as proxy from 'org_frc971/aos/network/www/proxy';
+import {BLUE, BROWN, CYAN, GREEN, PINK, RED, WHITE} from 'org_frc971/aos/network/www/colors';
 
 import Connection = proxy.Connection;
 
 const TIME = AosPlotter.TIME;
 const DEFAULT_WIDTH = AosPlotter.DEFAULT_WIDTH;
 const DEFAULT_HEIGHT = AosPlotter.DEFAULT_HEIGHT;
-const RED = AosPlotter.RED;
-const GREEN = AosPlotter.GREEN;
-const BLUE = AosPlotter.BLUE;
-const BROWN = AosPlotter.BROWN;
-const PINK = AosPlotter.PINK;
-const CYAN = AosPlotter.CYAN;
-const WHITE = AosPlotter.WHITE;
 
 export function plotRobotState(conn: Connection, element: Element) : void {
   const aosPlotter = new AosPlotter(conn);