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

Initial pass at dark mode support, courtesy of @silent-e

Browse source
This commit is contained in:
Mike Perham 2019-08-27 10:34:39 -07:00
parent 08e8c79347
commit e49e16b6e7
3 changed files with 87 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/assets/javascripts/dashboard.js
View file

@ -27,7 +27,7 @@ var realtimeGraph = function(updatePath) {
renderer: 'line',
interpolation: 'linear',
series: new Rickshaw.Series.FixedDuration([{ name: graphElement.dataset.failedLabel, color: '#B1003E' }, { name: graphElement.dataset.processedLabel, color: '#006f68' }], undefined, {
series: new Rickshaw.Series.FixedDuration([{ name: graphElement.dataset.failedLabel, color: '#af0014' }, { name: graphElement.dataset.processedLabel, color: '#006f68' }], undefined, {
timeInterval: timeInterval,
maxDataPoints: 100,
})
@ -125,7 +125,7 @@ var historyGraph = function() {
interpolation: 'linear',
series: [
{
color: "#B1003E",
color: "#af0014",
data: failed,
name: graphElement.dataset.failedLabel
}, {

84
web/assets/stylesheets/application-dark.css Normal file
View file

@ -0,0 +1,84 @@
@media (prefers-color-scheme: dark) {
body {
background-color: #111;
color: #fff;
}
a,
.title,
.summary_bar ul .count,
.navbar .navbar-brand {
color: #af0014;
}
table.table-white {
background-color: hsl(0, 0%, 21%);
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: hsl(0, 0%, 13%);
}
.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 hsl(0, 0%, 24%);
}
.table-hover > tbody > tr:hover {
background-color: hsl(217, 15%, 34%);
}
.alert-success {
background-color: black;
}
a:link,
a:active,
a:hover,
a:visited {
color: hsl(208, 29%, 55%);
}
.summary_bar .summary {
background-color: hsl(0, 0%, 16%);
}
.navbar-default {
background-color: hsl(0, 0%, 13%);
border-color: hsl(0, 0%, 24%);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
color: hsl(0, 0%, 100%);
background-color: hsl(0, 0%, 16%);
}
.pagination > li > a,
.pagination > li > span {
color: hsl(0, 0%, 100%);
background-color: hsl(0, 0%, 16%);
border-color: hsl(0, 0%, 21%);
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
color: hsl(0, 0%, 65%);
background-color: hsl(0, 0%, 16%);
border-color: hsl(0, 0%, 21%);
}
.stat {
border: 1px solid hsla(0, 0%, 100%, 0.1);
}
}

1
web/views/layout.erb
View file

@ -11,6 +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" />
<% if rtl? %>
<link href="<%= root_path %>stylesheets/application-rtl.css" media="screen" rel="stylesheet" type="text/css" />
<% end %>