Commit 25781e9c authored by Dan Beam's avatar Dan Beam

WebUI Dark Mode: fix a contrast problem on extension error page

Also, make URLs wrap more gracefully.

Screenshot: https://imgur.com/a/HUeOBSE

R=rdevlin.cronin@chromium.org
BUG=937159

Change-Id: Ied0b93cc094c935e45cfad4745007db723e1267e
Reviewed-on: https://chromium-review.googlesource.com/c/1496596Reviewed-by: default avatarDevlin <rdevlin.cronin@chromium.org>
Auto-Submit: Dan Beam <dbeam@chromium.org>
Cr-Commit-Position: refs/heads/master@{#636699}
parent 9b142e74
...@@ -117,8 +117,12 @@ ...@@ -117,8 +117,12 @@
.stack-trace-container li.selected, .stack-trace-container li.selected,
.stack-trace-container li:hover { .stack-trace-container li:hover {
background: var(--google-blue-100); background: var(--google-blue-100);
color: var(--google-grey-900); /* Same in light & dark modes. */
} }
/* TODO(crbug.com/937159): all of the code shown in the errors page is
* themed for "light mode" and needs to be updated to co-exit with "dark
* mode" when specs are available. */
extensions-code-section { extensions-code-section {
background: white; background: white;
height: 200px; height: 200px;
...@@ -132,6 +136,10 @@ ...@@ -132,6 +136,10 @@
.start:focus { .start:focus {
outline: none; outline: none;
} }
.context-url {
word-wrap: break-word;
}
</style> </style>
<div class="page-container" id="container"> <div class="page-container" id="container">
<div class="page-content"> <div class="page-content">
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment