📝 Update README with refined branding and improved layout

Enhance documentation with more consistent styling and clearer structure

- Rename project header to highlight SignalRGB integration
- Update section icons for better visual hierarchy
- Refine feature icons to be more descriptive
- Improve formatting with proper list spacing
- Standardize code block presentation
- Polish overall documentation flow for better readability

Author: hyperb1iss

README.md

@@ -1,28 +1,28 @@
-# ✨ LightScript Workshop ✨
-
 <div align="center">
 
+# 🌠 LightScript Workshop for SignalRGB 🔮
+
 ![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
 ![Three.js](https://img.shields.io/badge/Three.js-000000?style=for-the-badge&logo=three.js&logoColor=white)
 ![WebGL](https://img.shields.io/badge/WebGL-990000?style=for-the-badge&logo=webgl&logoColor=white)
 ![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white)
 
-*Create stunning RGB lighting effects with modern tools*
+_Create stunning RGB lighting effects with modern tools_
 
 </div>
 
 LightScript Workshop is a modern TypeScript framework for creating beautiful RGB lighting effects for [SignalRGB](https://signalrgb.com/). Transform the way you build Lightscripts with a type-safe, component-based approach featuring hot reloading, WebGL integration, and an efficient build system.
 
-## 💫 Features
+## ⚡ Features
 
 - **🔷 Modern TypeScript** - Full type safety prevents runtime errors
 - **🔮 Three.js Integration** - Powerful WebGL rendering capabilities
 - **⚡ Hot Reloading** - Instant visual feedback while coding
-- **🎛️ Declarative Controls** - Define UI elements with simple HTML
-- **🚀 Optimized Build Pipeline** - Production-ready effects
+- **🕹️ Declarative Controls** - Define UI elements with simple HTML
+- **⚙️ Optimized Build Pipeline** - Production-ready effects
 - **🧪 Testing Framework** - Maintain quality with Vitest
 
-## 🚀 Quick Start
+## 🌐 Quick Start
 
 ```bash
 # Clone the repository
@@ -56,6 +56,7 @@ The framework includes these demonstration effects:
 A ray-marched tunnel effect with dynamic colors and style options.
 
 **Key features:**
+
 - Ray marching in fragment shader
 - Multiple color schemes
 - Dynamically adjustable parameters
@@ -65,13 +66,15 @@ A ray-marched tunnel effect with dynamic colors and style options.
 A wave-based RGB effect showcasing smooth animation and minimal resource usage.
 
 **Key features:**
+
 - Sine wave generation
 - Multiple color modes
 - Optimized for performance
 
 ## 💻 Development Workflow
 
 1. **Create** a new effect directory in `src/effects/your-effect-name/`
+
    ```
    effects/your-effect-name/
    ├── fragment.glsl  # Shader code
@@ -82,18 +85,20 @@ A wave-based RGB effect showcasing smooth animation and minimal resource usage.
 2. **Register** your effect in `src/index.ts`
 
 3. **Develop** with live reloading
+
    ```bash
    npm run dev
    ```
 
 4. **Build** for SignalRGB
+
    ```bash
    EFFECT=your-effect-name npm run build
    ```
 
 5. **Import** the generated HTML file into SignalRGB
 
-## 🏗️ Creating a Custom Effect
+## 🔬 Creating a Custom Effect
 
 Creating a new effect is easy with the LightScript framework:
 
@@ -105,7 +110,7 @@ Creating a new effect is easy with the LightScript framework:
 
 Check the [Developer Guide](/docs/developer-guide.md) for a complete walkthrough.
 
-## 🛠️ Building & Deployment
+## ⚙️ Building & Deployment
 
 ### Building a Single Effect
 
@@ -151,4 +156,4 @@ Created by [Stefanie Jane 🌠](https://github.com/hyperb1iss)
 
 If you love lightscript-workshop, star the repo and [buy me a Monster Ultra Violet](https://ko-fi.com/hyperb1iss)! ⚡️
 
-</div>
+</div>