Code view:

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before

1<!DOCTYPE html>
2<html>
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
6<title>uBlock — Settings</title>
7<link rel="stylesheet" type="text/css" href="css/themes/default.css">
8<link rel="stylesheet" type="text/css" href="css/common.css">
9<link rel="stylesheet" type="text/css" href="css/fa-icons.css">
10<link rel="stylesheet" type="text/css" href="css/dashboard-common.css">
11<link rel="stylesheet" type="text/css" href="css/settings.css">
12</head>
…lines 13–99 unchanged (87 lines)

After

1<!DOCTYPE html>
2<html>
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
6<meta name="color-scheme" content="light dark" />
7<title>uBlock — Settings</title>
8<link rel="stylesheet" type="text/css" href="css/themes/default.css">
9<link rel="stylesheet" type="text/css" href="css/common.css">
10<link rel="stylesheet" type="text/css" href="css/fa-icons.css">
11<link rel="stylesheet" type="text/css" href="css/dashboard-common.css">
12<link rel="stylesheet" type="text/css" href="css/settings.css">
…lines 13–100 unchanged (88 lines)

Before

document
doctype
<! "<!"
doctype "DOCTYPE"
> ">"
element
start_tag
< "<"
tag_name "html"
> ">"
element
start_tag
< "<"
tag_name "head"
> ">"
element
start_tag
< "<"
tag_name "meta"
attribute
attribute_name "charset"
= "="
quoted_attribute_value
" "\""
attribute_value "utf-8"
" "\""
> ">"
element
start_tag
< "<"
tag_name "meta"
attribute
attribute_name "name"
= "="
quoted_attribute_value
" "\""
attribute_value "viewport"
" "\""
attribute
attribute_name "content"
= "="
quoted_attribute_value
" "\""
attribute_value "width=device-width, initial-scale=1, minimum-scale=1"
" "\""
> ">"
element
start_tag
< "<"
tag_name "title"
> ">"
text "uBlock — Settings"
end_tag
</ "</"
tag_name "title"
> ">"
element (+26 nodes collapsed)
element (+26 nodes collapsed)
element (+26 nodes collapsed)
element (+26 nodes collapsed)
element (+26 nodes collapsed)
end_tag
</ "</"
tag_name "head"
> ">"
element (+3509 nodes collapsed)
end_tag
</ "</"
tag_name "html"
> ">"

After

document
doctype
<! "<!"
doctype "DOCTYPE"
> ">"
element
start_tag
< "<"
tag_name "html"
> ">"
element
start_tag
< "<"
tag_name "head"
> ">"
element
start_tag
< "<"
tag_name "meta"
attribute
attribute_name "charset"
= "="
quoted_attribute_value
" "\""
attribute_value "utf-8"
" "\""
> ">"
element
start_tag
< "<"
tag_name "meta"
attribute
attribute_name "name"
= "="
quoted_attribute_value
" "\""
attribute_value "viewport"
" "\""
attribute
attribute_name "content"
= "="
quoted_attribute_value
" "\""
attribute_value "width=device-width, initial-scale=1, minimum-scale=1"
" "\""
> ">"
element
self_closing_tag
< "<"
tag_name "meta"
attribute
attribute_name "name"
= "="
quoted_attribute_value
" "\""
attribute_value "color-scheme"
" "\""
attribute
attribute_name "content"
= "="
quoted_attribute_value
" "\""
attribute_value "light dark"
" "\""
/> "/>"
element
start_tag
< "<"
tag_name "title"
> ">"
text "uBlock — Settings"
end_tag
</ "</"
tag_name "title"
> ">"
element (+26 nodes collapsed)
element (+26 nodes collapsed)
element (+26 nodes collapsed)
element (+26 nodes collapsed)
element (+26 nodes collapsed)
end_tag
</ "</"
tag_name "head"
> ">"
element (+3509 nodes collapsed)
end_tag
</ "</"
tag_name "html"
> ">"