src/music/features/visualizer/Renderer.ts

@@ -6,6 +6,7 @@ import vertexSource from "./shaders/vertices.glsl";
 import fragmentSource from "./shaders/fragments.glsl";
 
 const ROTATION_SPEED = 0.0005;
+const BACKGROUND_COLOR = [0.0588235294118, 0.0588235294118, 0.0588235294118];
 
 class RendererError extends Error {}
 
@@ -148,7 +149,12 @@ class Renderer {
 
     initGL(gl: WebGLRenderingContext, shader: Shader) {
         gl.useProgram(shader.program);
-        gl.clearColor(0.0, 0.0, 0.0, 1.0);
+        gl.clearColor(
+            BACKGROUND_COLOR[0],
+            BACKGROUND_COLOR[1],
+            BACKGROUND_COLOR[2],
+            1.0
+        );
         gl.clearDepth(1.0);
         gl.enable(gl.DEPTH_TEST);
         gl.depthFunc(gl.LESS);

src/music/features/visualizer/shaders/vertices.glsl

@@ -4,7 +4,7 @@
 // Takes vertices of a unit cube, scales them up along Y according to
 // aHeight, and colors them with basic diffuse shading.
 
-#define CLEAR_COLOR vec4(0.0, 0.0, 0.0, 1.0)
+#define CLEAR_COLOR vec4(0.0588235294118, 0.0588235294118, 0.0588235294118, 1.0)
 #define BASE_COLOR vec3(0.6, 0.819607843137, 0.807843137255)
 #define AMBIENT_LIGHT vec3(0.3, 0.3, 0.3)
 #define LIGHT_DIRECTION normalize(vec3(0.85, 0.8, 0.75))