Dark GSMArena V3 by enneite

/* ==UserStyle==
@name           Dark GSMArena v3
@namespace      USO Archive
@author         Enneite
@description    `A dark theme for GSMArena.com, heavily based off the existing style (https://userstyles.org/styles/166221/dark-gsmarena-v2) with some more fixes for things i could notice, like broken white backgrounds on certain parts, notably review tables.`
@version        20221228
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document url-prefix("https://www.gsmarena.com") {
/* ----------------------------- */
/* ORIGINAL SECTION BY V1 AUTHOR */
/* ----------------------------- */
#header {background: #292929 !important;}
.top-bar {background: #292929 !important;border-left: 1px solid #656565 !important;border-right: 1px solid #656565 !important;}
body {background: #393939 !important;}
#subHeader {background: #393939 !important;}
#blog .post {background: #292929 !important;border-left: 1px solid #656565 !important;border-right: 1px solid #656565 !important;border-bottom: 1px solid #656565 !important;}
.sidebar {background: #292929 !important;}
.sidebar .section-heading {border-color:#656565 !important;}
                                            .main-article-list {    background: #3E3E3E !important;}
.main {border-left: 1px solid #656565 !important;}
.post p {    color: #E4E4E4 !important;}
a { color: #fff !important;}
list-item a {background: #353535 !important;}
.post h2 {border-bottom: 1px solid #656565 !important;}
.s3 thead th {    background: #3E3E3E !important;border-bottom: 1px solid #656565 !important;color: #DCDCDC !important;}
.s3 tbody td, .s3 tbody th {background-color: #585858 !important;border-bottom: 1px solid #656565 !important;}
*, :after, :before {color: #F1F1F1 !important;}
.reviews-xl-snazzy .module-review-xl-title strong {    background: #393939 !important;text-shadow:none !important;}
#outer {background: #393939 !important;outline: 1px solid  #656565 !important;}
.pad {background: #292929 !important;}
.brandmenu-v2 ul {background-color: #505050 !important;border-bottom: 1px solid #656565 !important;border-top: 1px solid #656565 !important;}
.brandmenu-v2.light li {border-left: 1px solid #656565 !important;}
.button, .button-links a, .button-mini {background: #0E0E0E !important;border: 1px solid #656565 !important;border-right: 1px solid #656565 !important;border-bottom: 1px solid #656565 !important;}
.article-info .center-stage { background: url(http://st.gsmarena.com/vv/assets6/i/pattern-diag-dark.gif) #545454 !important;}
.darken .blur {background: #545454 !important;}
.article-info-line.border-bottom {border-bottom: 1px solid #656565 !important;}
    .article-info-line {border-top: 1px solid #656565 !important;}
.popular-tags-list-item a {background: #292929 !important;}
.review-nav {    background: #656565 !important;}
.nav-pages a, .nav-pages strong {background: #929292 !important;}
.footer-logo {border-right: 1px solid #656565 !important;}
.sub-footer {background: #545454 !important;}
.article-tags a {background: #0E0E0E !important;}
.module-news-l ul, .module-news-xl ul {border: 1px solid #656565 !important;}
.module-news-l li > a {background-color: #424242 !Important;}
.module-news-l li:nth-child(odd)>a {    background: #232525 !important;}
.uavatar {background: #292929 !Important;}
.user-thread {    border-bottom: 0px solid #393939 !important;box-shadow: 0 20px 0 #585858 !important;background: #585858 !important;}
.uinfo {border-top: 1px solid #656565 !important;}
.sub-header {background: #292929 !Important;}
.uinreply-msg {background: #000 !Important;}
#sort-comments {    background-color: #585858 !important;border: 1px solid #656565 !important;}
pages strong {background: #585858 !important;border: 1px solid #656565 !important;}
#review-sample {background: #656565 !Important;    border-bottom: 10px solid #292929 !important;}
.review-column-list-item strong {    background: rgba(20,20,20,.75) !important;}
#body .main {background: #292929 !important;}
.module .section-heading {    background: #292929 !important;}
.section-heading + ul.clearfix, .section-heading + div {background: #292929 !important;}
.news-item {background: #393939 !important;border-bottom: 1px solid #656565 !important;border-right: 1px solid #656565 !important;}
.news-column-index .section-heading, .blog-column-index .section-heading { background: #656565 !important;}
#body .main::after { background: #656565 !important;}
.darken .blur {background:transparent !important;}
.makers a {background: #292929 !important;}
.makers strong {background: #393939 !important;}
.module-phones li {background-color: #585858 !important;}
.module-phones li a {    border-bottom: 0px solid #656565 !important;}
.btn-default {background-color: #1F1F1F !important;border-color: #656565 !important;}
.framed {border-color: #656565 !important;}
.main-column-full input.l-col-full {background-color: #1F1F1F !important;}
#topsearch #topsearch-text {background-color: #1F1F1F !important;}
#specs-list p {background: #292929 !important;}
#specs-list td {    background: #585858 !important;border-bottom: 1px solid #656565 !important;}
#specs-list table {border-top: 1px solid #ADADAD !important;}
#specs-list th {    background: #505050 !important;}
.article-info-meta {    background-color: #545454 !important;}
.module-phones .more {background-color: #585858 !important;}

/* -------------------------------- */
/* ORIGINAL SECTION #2 BY V1 AUTHOR */
/* -------------------------------- */
.main-menu-list a {
    color: #F1F1F1 !important;
}

.main-menu-list {
    background-color: #656565 !important;
}

/* -------------- */
/* CHANGES FOR V2 */
/* -------------- */

.dropdown-menu {
    background-color: #656565;
}

ul.dropdown-menu.inner li.selected a {
    background-color: gray;
}

.form-control, input:focus {
    background-color: gray;
}

.bootstrap-select.btn-group .no-results {
    background-color: gray;
}

.article-info .center-stage {
    background: unset !important;
}

.has-trending .feat {
    border-bottom: 10px solid gray;
}

#footer-side .footer-inner {
    background: #656565;
    border-left: 10px solid gray;
}

.search-band form input.searchFor {
    background: gray;
}

.review-item {
    border-right: 1px solid #656565;
    border-bottom: 1px solid #656565;
}

.review-item-content {
    background-color: #545454;
}

.review-pages, .review-pages .page-options {
    background-color: #656565;
}

.review-pages .page-options a:hover {
    background-color: #545454;
}

.breadcrumbs .crumb {
    background: unset;
}

.article-pages span {
    background: gray;
}

.review-body table, .review-body td, .review-body th {
    border-bottom: 1px solid #656565;
    border-top: 1px solid #656565;
}

.review-body td, .review-body th {
    background: #545454;
}

#review-body ul.jrGraphControls {
    background: unset;
}

ul.jrGraphControls a {
    background-color: rgb(200,200,200) !important;
}

#review-body ul.jrGraphControls li a {
    color: black !important;
}

.jrGraphContainer {
    border-bottom: 1px solid #656565;
}

ul.jrGraphControls a:hover {
    background-position: 0 -22px;
    -webkit-transition: unset;
    -moz-transition: unset;
    -ms-transition: unset;
    -o-transition: unset;
    transition: unset;

}

ul.jrGraph li span.label {
    background: #292929 !important;
    color: white !important;
}

.article-info-meta {
    background-color: unset !important;
}

.autocomplete, .phone-results {
    background: #545454;
}

.autocomplete li a:hover {
    background: gray;
}

#menu {
    border-right: 1px solid #545454;
    border-left: 1px solid #545454;
}

.main-menu-list a {
    border-bottom: 1px solid #545454;
}

body, div#body {
    background: #292929 !important;
}

.article-info-line.border-bottom {
    border-bottom: 1px solid hsla(0,0%,100%,.2) !important;
}

.article-info-line {
    border-top: 1px solid hsla(0,0%,100%,.2) !important;
}

.article-info-line.article-info-line-standalone.page-specs.light.pushT10 {
    background: #393939;
}
    
/* -------------- */
/* CHANGES FOR V3 */
/* -------------- */

.gsma-RelatedArticles-list{
    background-color: #585858 !important;
}
.gsma-RelatedArticles-item{
    background: #292929 !important;
}
.module.price h5{
    background-color:#292929 !important;  
}
.pricing-container{
    border: 10px solid #585858 !important;
}
.price-balloon{
    background-color:#292929 !important;
}
.price-balloon::before{
    transform: translateX(calc(-100% + 1px));
    border-right: 10px solid #292929!important;
}
.pricing-info div{
    background-color: #585858!important;
}
.pricing-info button{
    background: none !important;
}
.module-news-l ul, .module-news-xl ul {
    border: 0px solid #656565 !important;
}
.module-news-l li time{
    background-color: #424242 !Important;
}
.module-news-l li:nth-child(odd) time{
    background: #232525 !important;
}
table.pricing.inline.widget td{
    background-color: #585858;
}
table.pricing.inline.widget tbody td:last-child{
    border-right: 10px solid #292929!important;
}
.module-phones-link img{
    padding:0px!important;
}
.accent span, .icon-camera-1::before, .icon-cpu:before, .icon-touch-0::before, .icon-battery-1::before,.icon-launched::before, span > i.head-icon.icon-mobile2::before, .icon-os::before, .icon-memory-chip::before, .icon-sd-card-0::before {
  color: #292929 !important;
}
#div[data-spec="displayres-hl"],div{
    color:#292929 !important;
}
.st-text .st-table td:first-child{
    background: #585858 !important;
}
.st-text select{
    background-color: #9e9e9e;
    border: 1px solid #292929;
    border-radius: 4px; 
}
table.pricing td:nth-child(2n), table.pricing th:nth-child(2n) {
  background-color: #585858;
}
.compare...