beenull/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2024-11-22 15:40:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

LibWebView: Use custom properties for syntax-highlighting colors

Browse source
This commit is contained in:
Sam Atkins 2024-09-24 16:19:53 +01:00 committed by Sam Atkins
parent 1db243c006
commit 66c39f3da4
Notes: github-actions[bot] 2024-09-30 07:54:41 +00:00 
Author: https://github.com/AtkinsSJ
Commit: https://github.com/LadybirdBrowser/ladybird/commit/66c39f3da49
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/1513
1 changed files with 37 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
Userland/Libraries/LibWebView/SourceHighlighter.h
View file

@ -71,6 +71,32 @@ private:
String highlight_source(URL::URL const&, StringView);
constexpr inline StringView HTML_HIGHLIGHTER_STYLE = R"~~~(
@media (prefers-color-scheme: dark) {
/* FIXME: We should be able to remove the HTML style when "color-scheme" is supported */
html {
background-color: rgb(30, 30, 30);
color: white;
}
:root {
--comment-color: lightgreen;
--keyword-color: orangered;
--name-color: orange;
--value-color: deepskyblue;
--internal-color: darkgrey;
}
}
@media (prefers-color-scheme: light) {
:root {
--comment-color: green;
--keyword-color: red;
--name-color: darkorange;
--value-color: blue;
--internal-color: dimgrey;
}
}
.html {
font-size: 10pt;
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
@ -78,47 +104,19 @@ constexpr inline StringView HTML_HIGHLIGHTER_STYLE = R"~~~(
.tag {
font-weight: 600;
color: var(--keyword-color);
}
@media (prefers-color-scheme: dark) {
/* FIXME: We should be able to remove the HTML style when "color-scheme" is supported */
html {
background-color: rgb(30, 30, 30);
color: white;
}
.comment {
color: lightgreen;
}
.tag {
color: orangered;
}
.attribute-name {
color: orange;
}
.attribute-value {
color: deepskyblue;
}
.internal {
color: darkgrey;
}
.comment {
color: var(--comment-color);
}
@media (prefers-color-scheme: light) {
.comment {
color: green;
}
.tag {
color: red;
}
.attribute-name {
color: darkorange;
}
.attribute-value {
color: blue;
}
.internal {
color: dimgray;
}
.attribute-name {
color: var(--name-color);
}
.attribute-value {
color: var(--value-color);
}
.internal {
color: var(--internal-color);
}
)~~~"sv;