/* ==UserStyle== @name Dark-ESPNcricinfo @description Complete dark mode implementation for [ESPNcricinfo Web](https://www.espncricinfo.com/) with many improvements for better reading. @namespace github.com/faizananwerali/dark-espncricinfo @homepageURL https://github.com/faizananwerali/dark-espncricinfo @supportURL https://github.com/faizananwerali/dark-espncricinfo/issues @updateURL https://raw.githubusercontent.com/faizananwerali/dark-espncricinfo/master/es.user.css @author Faizan Anwer Ali Rupani (https://github.com/faizananwerali) @version 1.0.14 @license MIT ==/UserStyle== */ @-moz-document domain('www.espncricinfo.com') { body, #main-container { background-color: #2c2c2c !important; } div.story-container { background-color: #424242 !important; } b, h1, h2 { color: #EEEEEE !important; } .match-story-content .story-container .article-social.vertical + p, .match-story-content .story-container .contentItem__subhead, .match-story-content .story-container .contentItem__subhead--shortstop, .match-story-content .story-container .report-image + p, .page-story-content .story-container .article-social.vertical + p, .page-story-content .story-container .contentItem__subhead, .page-story-content .story-container .contentItem__subhead--shortstop, .page-story-content .story-container .report-image + p { color: #EEEEEE !important; } .match-story-content .story-container .article-body p, .page-story-content .story-container .article-body p { color: #EEEEEE !important; letter-spacing: 0.03rem !important; line-height: 1.8em !important; } .match-story-content .story-container blockquote.pull-quote, .page-story-content .story-container blockquote.pull-quote { color: #FAFAFA !important; } .match-story-content .story-container .article-body .article-figure .credit, .match-story-content .story-container .article-body .article-figure .photoCaption, .match-story-content .story-container .article-body figure .credit, .match-story-content .story-container .article-body figure .photoCaption, .page-story-content .story-container .article-body .article-figure .credit, .page-story-content .story-container .article-body .article-figure .photoCaption, .page-story-content .story-container .article-body figure .credit, .page-story-content .story-container .article-body figure .photoCaption { color: #E0E0E0 !important; } .match-story-content .story-container .article-meta .authors li, .match-story-content .story-container .author, .page-story-content .story-container .article-meta .authors li, .page-story-content .story-container .author { color: #FAFAFA !important; } .match-story-content .story-container .article-social.vertical + p > i, .match-story-content .story-container .contentItem__subhead--shortstop > i, .match-story-content .story-container .contentItem__subhead > i, .match-story-content .story-container .report-image + p > i, .page-story-content .story-container .article-social.vertical + p > i, .page-story-content .story-container .contentItem__subhead--shortstop > i, .page-story-content .story-container .contentItem__subhead > i, .page-story-content .story-container .report-image + p > i { color: #E0E0E0 !important; } div.pb-open-question-progress { color: #ffffff !important; } .label, .live-scorecard table thead, .match-live .live-sidebar-heading, .match-live .live-widget-heading, .match-story-content .story-container table .table-heading, .match-story-content .story-container table thead tr th, .match-story-content .story-container table tr:first-child td, .match-story-content .story-container table tr th, .page-story-content .story-container table .table-heading, .page-story-content .story-container table thead tr th, .page-story-content .story-container table tr:first-child td, .page-story-content .story-container table tr th, .partnerships-header, .player-stats .stat .value, label { color: white !important; } .home-page-wrapper > .container, .match-page-wrapper > .container, .page-match-finder > .container, .series-page-wrapper > .container, .series-results-page-wrapper > .container, .series-standings-page-wrapper > .container, .table-page > .container, .team-page-wrapper > .container, .team-scores-page-wrapper > .container, .teams-page-wrapper > .container, .video-page-wrapper > .container { background-color: #2c2c2c !important; } .card, .comment-container, .hint-content, .match-finder-tabs, .table-page .head, .team-scores-page .team-scores-tabs { background-color: #424242 !important; } .widget-tabs { background-color: #424242 !important; } .widget-tab-link, .widget-tab { color: #F5F5F5 !important; } .bg-light { background-color: #616161 !important; } .innings-stat table .thead-light th, .match-story-content .story-container table .thead-light th, .page-story-content .story-container table .thead-light th, .table .thead-light th { color: #F5F5F5 !important; } .chart-table-container table caption .title, .featured-scoreboard .scorecard .competitor .competitor-details .score, .featured-scoreboard .scorecard .match-type, .feed-item, .font-weight-bold, .form-inline .btn:hover, .form-inline .match-story-content .story-container button:hover, .form-inline .page-story-content .story-container button:hover, .innings-stat table thead td, .live-scorecard table .player-name, .match-live .head-to-head-table thead td, .match-live .link-container a, .match-live .players-to-watch .player .player-stats .stat .title, .match-story-content .story-container .form-inline button:hover, .match-winner-score, .nav-tabs .nav-link, .no-matches-div .redirect-link, .page-story-content .story-container .form-inline button:hover, .player-stats .runs, .player-stats .stat .title, .player-stats .stat .value, .primary-navbar .nav-item .dropdown-menu .nav-item:hover .nav-link, .primary-navbar .nav-link.active, .scorecard-summary .innings-row .player .stats, .scorecard-summary .innings-title, .section-header .header-link, .sidebar-head > .head-title, .slice-text, strong { color: white !important; } .innings-stat table, .match-story-content .story-container table, .page-story-content .story-container table, .table { color: #F5F5F5 !important; } .batsman-control-chart .chart-value, .competitor .extra-score, .competitor .name, .competitor .score, .h1, .h2, .h3, .h4, .h5, .h6, .league-scores-container .match-score-block .name, .league-scores-container .match-score-block .score, .live-scorecard table tbody, .match-finder-tabs .widget-tab-link .widget-tab, .match-highlight .name, .match-stats-batsmen .current-player-details .batsman-control-chart .chart-value, .match-stats-batsmen .current-player-details .player-info .name, .match-stats-batsmen .current-player-details .shot-details .shot-name, .match-stats-bowlers .current-player-details .player-info .name, .match-story-content .story-container .article-body h2, .match-story-content .story-container .inline-table .table-caption, .match-story-content .story-container .inline h1, .mobile-dropdown .dropdown-header .header-title, .page-story-content .story-container .article-body h2, .page-story-content .story-container .inline-table .table-caption, .page-story-content .story-container .inline h1, .player-details .player-info .name, .scorecard-summary .innings-row .player .name, .shot-details .shot-name, h1, h2, h3, h4, h5, h6 { color: #FAFAFA !important; } .match-notes ul li { color: #E0E0E0 !important; } .sidebar-widget-coverage-item .content .title, .sidebar-widget-videos-item.no-image .description, .sidebar-widget-videos-item.no-image .title { color: #FAFAFA !important; } .sidebar-widget-coverage-item .content .title:hover, .sidebar-widget-videos-item.no-image:hover .description, .sidebar-widget-videos-item.no-image:hover .title { color: #64B5F6 !important; } .sidebar-widget-coverage-item .content .description { color: #E0E0E0 !important; } .match-header .best-player-title { color: #EEEEEE !important; } .innings-stat table thead, .innings-stat table.sidebar-widget-table thead th, .match-story-content .story-container table.sidebar-widget-table thead th, .page-story-content .story-container table.sidebar-widget-table thead th, .sidebar-widget-table.table thead th { background-color: #616161 !important; } .innings-stat table.sidebar-widget-table td, .match-story-content .story-container table.sidebar-widget-table td, .page-story-content .story-container table.sidebar-widget-table td, .sidebar-widget-table.table td { color: white !important; } .innings-stat .footer .control { color: white !important; } .featured-scoreboard .scorecard .competitor .competitor-details .name { color: white !important; } .gray-700 { color: #EEEEEE !important; } .match-header .event-header .status-label { color: #FAFAFA !important; } .match-header .event-header .desc { color: #E0E0E0 !important; } .match-header .event .summary { color: #FAFAFA !important; } .match-header .event .teams .team .score-extra-score, .match-header .best-player-team-name { color: #E0E0E0 !important; } .match-featured-article .publishing-details { color: #BDBDBD !important; } .match-featured-article .description { color: #EEEEEE !important; } .match-live .live-sidebar-heading, .match-live .live-widget-heading { background-color: #616161 !important; } .match-comment-long-text { color: #E0E0E0 !important; letter-spacing: 0.03rem !important; line-height: 1.8em !important; } .scorecard-summary .innings-row .player .name, .match-live .link-container a { color: #03a9f4 !important; } .current-player-wrapper, .match-section-header .data { color: #EEEEEE !important; } .match-comment-over, .player-stats .runs .balls { color: #EEEEEE !important; } .match-comment-short-text { color: #FAFAFA !important; } .chart-table-container table caption .indicators { color: #FAFAFA !important; } .chart-table-container table td { border: 1px solid rgb(255, 255, 255) !important; border-color: white !important; } .match-live .match-details tr td { color: #EEEEEE !important; } .chart-table-container table caption .title { background-color: grey !important; } .match-video-title { color: #EEEEEE !important; } .match-coverage-story-content .title { color: #EEEEEE !important; } .match-coverage-story-content .description { color: #BDBDBD !important; } .story-sidebar .stories-menu .story-menu-item .news-feed-item-title a, .story-sidebar .stories-menu .story-menu-item .story-title { color: #FAFAFA !important; } .story-sidebar .stories-menu .story-menu-item .news-feed-item-title a:visited, .story-sidebar .stories-menu .story-menu-item .story-title:visited { color: #9d9d9d !important; } .story-sidebar .stories-menu .story-menu-item.active a:visited { color: white !important; } .story-sidebar .stories-menu .story-menu-item .news-feed_item-meta { color: #E0E0E0 !important; } .link-with-image { color: white !important; } .link-with-image img { background-color: white !important; } .sidebar-widget .widget-item:hover a { color: #424242 !important; } .inline-track ul li { color: white !important; } .match-story-content .story-container .timestamp, .page-story-content .story-container .timestamp { color: #BDBDBD !important; } .competitor.gray .extra-score, .competitor.gray .name, .competitor.gray .score { color: #FAFAFA !important; } .block-story .story-description { color: #E0E0E0 !important; } .category-select li.active { color: red !important; } .modal-content { background-color: #424242 !important; } .modal-header .modal-description { color: #FAFAFA !important; } .match-highlight .match-description { color: #E0E0E0 !important; } .league-leader .innings-and-average { color: #E0E0E0 !important; } .player-short-description { color: #E0E0E0 !important; } .match-story-content .story-container .article-body > ol li, .match-story-content .story-container .article-body > ul li, .page-story-content .story-container .article-body > ol li, .page-story-content .story-container .article-body > ul li { color: white !important; } .match-live .match-squad .players-list .player-designation, .match-live .match-squad .players-list .player-name { color: #FAFAFA !important; } .live-scorecard table thead { background-color: rgba(42, 42, 42, 0.6705882352941176) !important; } .innings-stat table thead th, .match-story-content .story-container table thead th, .page-story-content .story-container table thead th, .table thead th { border-bottom: 2px solid #212121 !important; } .extra-small span { color: white !important; } .match-header .stats-value { color: white !important; } .match-header .stats-secondary { color: #EEEEEE !important; } .live-scorecard table .player-style { color: #BDBDBD !important; } .current-partnerships span.font-weight-bold span, .reviews span.font-weight-bold span { color: white !important; } .current-partnerships span:not(.font-weight-bold), .reviews span:not(.font-weight-bold) { color: #E0E0E0 !important; } .live-scorecard .current-partnerships, .live-scorecard .reviews { background-color: #616161 !important; } .match-stats-batsmen .current-player-details .runs-breakdown, .match-stats-batsmen .current-player-details .shot-details .shot-details-stats .run-info { color: #BDBDBD !important; } .match-stats-batsmen .current-player-details .shot-details .shot-runs { color: #FAFAFA !important; } .chart-table-container .chart-table-headers .full, .chart-table-container .chart-table-headers .short { color: #E0E0E0 !important; } .partnerships .stat-graph.compareLineGraph.compareCenter .bar-col .name { color: #F5F5F5 !important; } .partnerships .stat-graph.compareLineGraph.compareCenter .bar-total { color: #EEEEEE !important; } .partnerships .stat-graph.compareLineGraph.compareCenter .bar-col .value { color: #BDBDBD !important; } .partnerships-header { background-color: #616161 !important; } }