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_CONTENT2 = """ My Custom Dashboard

📊 My Dashboard

Users

1,240

Sales

$9,842

Visitors

3,590

👤 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_CONTENT4 = """ My cool web

CSS Selector Test Page

This paragraph should be red and bold (h1 + p)

This paragraph should be blue (h1 ~ p)

Descendant vs Child Selectors

This paragraph should be purple and bold (div p and .outer-div > p)

This paragraph should be purple but not bold (div p only)

Attribute Selectors


HTTP Link (normal)
HTTPS Link (green and bold)

Sibling Selectors

This div should have light green bg (h2 + div)
This span should have light red bg (h3 ~ span) This span should also have light red bg (h3 ~ span)
This span should have yellow bg (.container span)

Regular paragraph in container

This div should have yellow bg (class ends with 'special')
This div should be normal
""".to_utf8_buffer() var HTML_CONTENT3 = """ Task Manager