mirrors
/
rails
mirror of https://github.com/rails/rails
8
0
Fork 0
Code Issues Projects Releases Wiki Activity

Tweak dark mode CSS 

Follow-up to #40960.

This fixes a few different visual issues with links and table rows when
using dark mode.

Co-authored-by: Chris Seelus <chris@imeos.com>
This commit is contained in:
Jonathan Hefner 2021-01-02 13:21:48 -06:00
parent afc79e3cb0
commit b2db22204d
2 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
actionpack/lib/action_dispatch/middleware/templates/routes/_table.html.erb
View File

@ -51,22 +51,13 @@
}
@media (prefers-color-scheme: dark) {
body {
background-color: #222;
color: #ECECEC;
}
#route_table tbody tr:nth-child(odd) {
background: #333;
background: #282828;
}
#route_table tbody tr:nth-child(even) {
background: #444;
}
#route_table tbody.exact_matches,
#route_table tbody.fuzzy_matches {
color: #333;
#route_table tbody.exact_matches tr,
#route_table tbody.fuzzy_matches tr {
background: DarkSlateGrey;
}
}
<% end %>

15
railties/lib/rails/templates/layouts/application.html.erb
View File

@ -25,6 +25,21 @@
h2 { padding-left: 10px; }
@media (prefers-color-scheme: dark) {
body {
background-color: #222;
color: #ececec;
}
pre {
background-color: #333;
}
a { color: #fff; }
a:visited { color: #999; }
a:hover { color: #000; background-color: #fff; }
}
<%= yield :style %>
</style>
</head>