diff --git a/src/App.svelte b/src/App.svelte
index fd574f2..880bb01 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -191,7 +191,7 @@
   }
 </script>
 
-<main class:color-mode={mode === 'color'}>
+<main class:color-mode={mode === 'color'} class:colorful-cross={true}>
   <div class="heading">Azalea's Colorful Slither Link</div>
   <div class="sub-heading">
     <img src={viteLogo} alt="Logo"/>
diff --git a/src/main.ts b/src/main.ts
index 0435370..59d2e3c 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,6 @@
 import { mount } from 'svelte'
 import './app.sass'
-import './global.sass'
+import './puzzle.sass'
 import './fonts/caveat.sass'
 import App from './App.svelte'
 
diff --git a/src/global.sass b/src/puzzle.sass
similarity index 89%
rename from src/global.sass
rename to src/puzzle.sass
index f215b17..2f29d89 100644
--- a/src/global.sass
+++ b/src/puzzle.sass
@@ -55,3 +55,8 @@
 .color-mode .grid-line:not(.selected):not(.crossed):not(.auto-crossed)
   background: var(--c)
   opacity: 0.1
+
+.colorful-cross 
+  .grid-line.crossed:before, .grid-line.auto-crossed:before
+    color: var(--c)
+    opacity: 0.5
\ No newline at end of file