From 3e2926370dc91a009c2700ba6c33fa868db37a37 Mon Sep 17 00:00:00 2001
From: Azalea <22280294+hykilpikonna@users.noreply.github.com>
Date: Mon, 16 Dec 2024 19:30:19 -0500
Subject: [PATCH] [S] Colorful cross

---
 src/App.svelte                   | 2 +-
 src/main.ts                      | 2 +-
 src/{global.sass => puzzle.sass} | 5 +++++
 3 files changed, 7 insertions(+), 2 deletions(-)
 rename src/{global.sass => puzzle.sass} (89%)

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