diff --git a/dependencies/gi.js b/dependencies/gi.js
index e715f90ed..c876739ff 100644
--- a/dependencies/gi.js
+++ b/dependencies/gi.js
@@ -1,5 +1,6 @@
 export {default as Atk} from 'gi://Atk';
 export {default as Clutter} from 'gi://Clutter';
+export {default as Cogl} from 'gi://Cogl';
 export {default as GLib} from 'gi://GLib';
 export {default as GObject} from 'gi://GObject';
 export {default as GdkPixbuf} from 'gi://GdkPixbuf';
diff --git a/theming.js b/theming.js
index 87471a35c..23d9cc283 100644
--- a/theming.js
+++ b/theming.js
@@ -2,6 +2,7 @@
 
 import {
     Clutter,
+    Cogl,
     GObject,
     Meta,
     St,
@@ -168,7 +169,8 @@ export class ThemeManager {
 
             ({backgroundColor} = settings);
             // backgroundColor is a string like rgb(0,0,0)
-            const [ret, color] = Clutter.Color.from_string(backgroundColor);
+            const clutterColor = Clutter.Color ?? Cogl.Color;
+            const [ret, color] = clutterColor.from_string(backgroundColor);
             if (!ret) {
                 logError(new Error(`${backgroundColor} is not a valid color string`));
                 return;