Skip to content

Commit

Permalink
Add dark mode for developer exception page (#39676)
Browse files Browse the repository at this point in the history
Override colors on the developer exception page to produce a dark theme
when the dark color scheme is requested by the browser.
  • Loading branch information
poke committed Jan 29, 2022
1 parent 25488c5 commit 4dd98be
Showing 1 changed file with 67 additions and 0 deletions.
Expand Up @@ -202,3 +202,70 @@ a {
border: 0;
margin: 0;
}

@media (prefers-color-scheme: dark) {
body {
color: #dcdcdc;
background-color: #222;
}

h1 {
color: #9dacb8;
}

h3 {
color: #c7c7c7;
}

#header {
border-top-color: #444;
border-bottom-color: #444;
}

#header .selected {
color: #222;
}

#stackpage .details {
color: #000;
}

#stackpage .stackerror {
border-bottom-color: #444;
}

#stackpage .source ol li {
background-color: #1c1c1c;
}

#stackpage .frame .source .highlight {
border-left-color: #C53731;
}

#stackpage .frame .source .highlight li span {
color: #C53731;
}

#stackpage .source ol.collapsible li span {
color: #9B9B9B;
}

#routingpage .subheader {
border-bottom-color: #444;
}

.page th, .page td {
border-right-color: #444;
border-bottom-color: #444;
}

.rawExceptionBlock {
border-top-color: #444;
border-bottom-color: #444;
}

.expandCollapseButton {
background-color: #444;
color: inherit;
}
}

0 comments on commit 4dd98be

Please sign in to comment.