RepoMirrors/haproxy
1
0
Fork 0
mirror of http://git.haproxy.org/git/haproxy.git/ synced 2025-04-11 03:31:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

MINOR: stats: Enable dark mode on stat web page

Browse Source 
According with the W3 CSS specification, media queries 5 allow
the browser to enable some CSS when dark mode is enabled. This
patch defines dark mode CSS for the stats page.

https://www.w3.org/TR/mediaqueries-5/#prefers-color-scheme
This commit is contained in:
Thierry Fournier 2021-09-23 23:59:49 +02:00 committed by Willy Tarreau
parent 9a006f9641
commit e9ed63e548
1 changed files with 46 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/stats.c
View File

@ -3315,6 +3315,52 @@ static void stats_dump_html_head(struct appctx *appctx, struct uri_auth *uri)
" -moz-box-shadow:gray 2px 2px 3px;-webkit-box-shadow:gray 2px 2px 3px;box-shadow:gray 2px 2px 3px;\n"
"}\n"
"u:hover div.tips {visibility:visible;}\n"
"@media (prefers-color-scheme: dark) {\n"
" body { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #e8e6e3; background: #131516;}\n"
" h1 { color: #a265e0!important; }\n"
" h2 { color: #a265e0; }\n"
" h3 { color: #ff5190; background-color: #3e3e1f; }\n"
" a { color: #3391ff; }\n"
" input { background-color: #2f3437; }\n"
" .hr { border-color: #8c8273; }\n"
" .titre { background-color: #1aa6a6; color: #e8e6e3; }\n"
" .frontend {background: #2f3437;}\n"
" .backend {background: #2f3437;}\n"
" .active_down {background: #760000;}\n"
" .active_going_up {background: #b99200;}\n"
" .active_going_down {background: #6c6c00;}\n"
" .active_up {background: #165900;}\n"
" .active_nolb {background: #006ab9;}\n"
" .active_draining {background: #006ab9;}\n"
" .active_no_check {background: #2a2d2f;}\n"
" .backup_down {background: #760000;}\n"
" .backup_going_up {background: #7f007f;}\n"
" .backup_going_down {background: #580092;}\n"
" .backup_up {background: #2e3234;}\n"
" .backup_nolb {background: #1e3c6a;}\n"
" .backup_draining {background: #a37a00;}\n"
" .backup_no_check {background: #2a2d2f;}\n"
" .maintain {background: #9a601a;}\n"
" a.px:link {color: #d8d83b; text-decoration: none;}\n"
" a.px:visited {color: #d8d83b; text-decoration: none;}\n"
" a.px:hover {color: #ffffff; text-decoration: none;}\n"
" a.lfsb:link {color: #e8e6e3; text-decoration: none;}\n"
" a.lfsb:visited {color: #e8e6e3; text-decoration: none;}\n"
" a.lfsb:hover {color: #b5afa6; text-decoration: none;}\n"
" table.tbl th.empty { background-color: #181a1b; }\n"
" table.tbl th.pxname { background-color: #8d0033; color: #ffff46; }\n"
" table.tbl th { border-color: #808080; }\n"
" table.tbl td { border-color: #808080; }\n"
" u {text-decoration:none; border-bottom: 1px dotted #e8e6e3;}\n"
" div.tips {\n"
" background:#8e8e0d;\n"
" color:#e8e6e3;\n"
" border-color: #4e2c86;\n"
" -moz-box-shadow: #60686c 2px 2px 3px;\n"
" -webkit-box-shadow: #60686c 2px 2px 3px;\n"
" box-shadow: #60686c 2px 2px 3px;\n"
" }\n"
"}\n"
"-->\n"
"</style></head>\n",
(appctx->ctx.stats.flags & STAT_SHNODE) ? " on " : "",