kotovalexarian-likes-github/mperham--sidekiq
1
0
Fork 0
mirror of https://github.com/mperham/sidekiq.git synced 2022-11-09 13:52:34 -05:00
Code Releases Activity

Use media attribute for prefers-color-scheme (#4500)

Browse source
This commit is contained in:
Yamagishi Kazutoshi 2020-03-23 21:37:35 +09:00 committed by GitHub
parent 9231ddbf7a
commit 64be95f4ae
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 122 additions and 125 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

135
web/assets/stylesheets/application-dark.css
View file

@ -1,125 +1,122 @@
@media (prefers-color-scheme: dark) {
body {
body {
background-color: #000;
color: #ccc;
}
}
a,
.title,
.summary_bar ul .count,
.navbar .navbar-brand {
a,
.title,
.summary_bar ul .count,
.navbar .navbar-brand {
color: #af0014;
}
}
.navbar .navbar-brand:hover {
.navbar .navbar-brand:hover {
color: #ccc;
}
}
.navbar .navbar-brand .status {
.navbar .navbar-brand .status {
color: #ccc;
}
}
.navbar-inverse {
.navbar-inverse {
background-color: #000;
border-color: #333;
}
}
table.table-white {
table.table-white {
background-color: #111;
}
}
.table-striped > tbody > tr:nth-of-type(odd) {
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #222;
}
}
.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
border: 1px solid #333;
}
}
.table-hover > tbody > tr:hover {
.table-hover > tbody > tr:hover {
background-color: #333;
}
}
.alert {
.alert {
border: none;
color: #ccc;
}
}
.alert-success {
.alert-success {
background-color: #000;
}
}
a:link,
a:active,
a:hover,
a:visited {
a:link,
a:active,
a:hover,
a:visited {
color: #63798c;
}
}
a.btn {
a.btn {
color: #000;
}
}
.summary_bar .summary {
.summary_bar .summary {
background-color: #000;
border: 1px solid #333;
}
}
.navbar-default {
.navbar-default {
background-color: #000;
border-color: #3d3d3d;
}
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
color: #ccc;
background-color: #282828;
}
}
.navbar-default .navbar-nav > li > a:hover {
.navbar-default .navbar-nav > li > a:hover {
color: #ccc;
}
}
.pagination > li > a,
.pagination > li > a:hover,
.pagination > li > span {
.pagination > li > a,
.pagination > li > a:hover,
.pagination > li > span {
color: #ccc;
background-color: #282828;
border-color: #353535;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
color: #a5a5a5;
background-color: #282828;
border-color: #353535;
}
}
.stat {
.stat {
border: 1px solid rgba(255, 255, 255, 0.1);
}
}
#live-poll {
#live-poll {
color: #ccc;
}
}
.btn-warn {
.btn-warn {
color: #333;
}
}
.rickshaw_graph .y_ticks.glow text {
.rickshaw_graph .y_ticks.glow text {
fill: #ccc;
color: #ccc;
}
}

2
web/views/layout.erb
View file

@ -11,7 +11,7 @@
<% end %>
<link href="<%= root_path %>stylesheets/application.css" media="screen" rel="stylesheet" type="text/css" />
<link href="<%= root_path %>stylesheets/application-dark.css" media="screen" rel="stylesheet" type="text/css" />
<link href="<%= root_path %>stylesheets/application-dark.css" media="screen and (prefers-color-scheme: dark)" rel="stylesheet" type="text/css" />
<% if rtl? %>
<link href="<%= root_path %>stylesheets/application-rtl.css" media="screen" rel="stylesheet" type="text/css" />
<% end %>