web/assets/stylesheets/application-dark.css in sidekiq-6.0.5 vs web/assets/stylesheets/application-dark.css in sidekiq-6.0.6

- old
+ new

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