diff --git a/web/src/admin/flows/FlowDiagram.ts b/web/src/admin/flows/FlowDiagram.ts
index ff2177d96..a2c8b1d37 100644
--- a/web/src/admin/flows/FlowDiagram.ts
+++ b/web/src/admin/flows/FlowDiagram.ts
@@ -10,11 +10,6 @@ import { unsafeHTML } from "lit/directives/unsafe-html.js";
 
 import { FlowsApi } from "@goauthentik/api";
 
-export const FONT_COLOUR_DARK_MODE = "#fafafa";
-export const FONT_COLOUR_LIGHT_MODE = "#151515";
-export const FILL_DARK_MODE = "#18191a";
-export const FILL_LIGHT_MODE = "#f0f0f0";
-
 @customElement("ak-flow-diagram")
 export class FlowDiagram extends AKElement {
     _flowSlug?: string;
@@ -58,7 +53,6 @@ export class FlowDiagram extends AKElement {
         super();
         const matcher = window.matchMedia("(prefers-color-scheme: light)");
         const handler = (ev?: MediaQueryListEvent) => {
-            console.log("setting config");
             mermaid.initialize({
                 logLevel: "error",
                 startOnLoad: false,
diff --git a/web/src/elements/charts/Chart.ts b/web/src/elements/charts/Chart.ts
index f4143af87..95443ea88 100644
--- a/web/src/elements/charts/Chart.ts
+++ b/web/src/elements/charts/Chart.ts
@@ -1,7 +1,3 @@
-import {
-    FONT_COLOUR_DARK_MODE,
-    FONT_COLOUR_LIGHT_MODE,
-} from "@goauthentik/admin/flows/FlowDiagram";
 import { EVENT_REFRESH } from "@goauthentik/common/constants";
 import { AKElement } from "@goauthentik/elements/Base";
 import { Chart, ChartConfiguration, ChartData, ChartOptions, Plugin, Tick } from "chart.js";
@@ -21,6 +17,9 @@ Chart.register(LineController, BarController, DoughnutController);
 Chart.register(ArcElement, BarElement);
 Chart.register(TimeScale, LinearScale);
 
+export const FONT_COLOUR_DARK_MODE = "#fafafa";
+export const FONT_COLOUR_LIGHT_MODE = "#151515";
+
 export abstract class AKChart<T> extends AKElement {
     abstract apiRequest(): Promise<T>;
     abstract getChartData(data: T): ChartData;