extends Node
const MAIN_COLOR = Color(27/255.0, 27/255.0, 27/255.0, 1)
const SECONDARY_COLOR = Color(43/255.0, 43/255.0, 43/255.0, 1)
const HOVER_COLOR = Color(0, 0, 0, 1)
const DEFAULT_CSS = """
body { text-base text-[#000000] text-left }
h1 { text-5xl font-bold }
h2 { text-4xl font-bold }
h3 { text-3xl font-bold }
h4 { text-2xl font-bold }
h5 { text-xl font-bold }
b { font-bold }
i { font-italic }
u { underline }
small { text-xl }
mark { bg-[#FFFF00] }
code { text-xl font-mono }
a { text-[#1a0dab] }
pre { text-xl font-mono }
button { bg-[#1b1b1b] rounded-md text-white hover:bg-[#2a2a2a] active:bg-[#101010] }
"""
var HTML_CONTENT = """
My Custom Dashboard
📊 My Dashboard
👤 User Panel
Name: Jane Doe
Email: jane@example.com
Status: Active
Plan: Pro
Projects: 8
Tasks: 42
📝 Recent Activity
- ✅ Task "Update UI" marked as complete
- 🔔 New comment on "Bug Fix #224"
- 📤 Exported report "Q2 Metrics"
🔧 Actions
""".to_utf8_buffer()
var HTML_CONTENT2 = """
My cool web
📝 My Task Manager
Keep track of your to-do list
✅ Finish homework
✍️ Write blog post
💪 Gym workout
Add a New Task
Task Categories
📚 Study
💼 Work
🏋️ Health
Button Style Tests
Corner Radius Variants
Color Combinations
Hover Effects
Advanced Hover Combinations
Text Color Focus
Mixed Styles
Active State Tests
""".to_utf8_buffer()