[S] Colorful cross

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"/>

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'
 

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