User:ExE Boss/Styles/Special:Achievements.css

.skin-fandommobile #p-achievement-list, .skin-fandomdesktop #p-achievement-list { background-color: var(--theme-body-background-color); border-color: var(--theme-border-color); }

.skin-fandommobile .achievement_category_select, .skin-fandomdesktop .achievement_category_select { background-color: var(--theme-page-background-color--secondary); border-color: var(--theme-border-color); }

.skin-fandommobile #achievement_categories .achievement_category_select.end, .skin-fandommobile #achievement_categories .achievement_category_select:last-child, .skin-fandomdesktop #achievement_categories .achievement_category_select.end, .skin-fandomdesktop #achievement_categories .achievement_category_select:last-child { border-right-color: var(--theme-border-color); }

.skin-fandommobile .achievement_category_select[data-selected="true"], .skin-fandomdesktop .achievement_category_select[data-selected="true"] { background-color: var(--theme-accent-color); border-color: var(--theme-border-color); }

.skin-fandommobile .achievement_category_select:hover, .skin-fandomdesktop .achievement_category_select:hover { text-decoration: underline; }

.skin-fandommobile .achievement_category, .skin-fandomdesktop .achievement_category { background-color: var(--theme-page-background-color); border-color: var(--theme-border-color); }

.skin-fandommobile .p-achievement-row, .skin-fandomdesktop .p-achievement-row { background-color: var(--theme-page-background-color--secondary); }

.skin-fandommobile .p-achievement-row.earned, .skin-fandomdesktop .p-achievement-row.earned { background-color: var(--theme-success-color); color: var(--theme-success-label); }

.skin-fandommobile .p-achievement-row.selected, .skin-fandomdesktop .p-achievement-row.selected { background-color: var(--theme-accent-color); }

.skin-fandommobile .p-achievement-progress .progress-background, .skin-fandommobile .p-achievement-progress .progress-bar, .skin-fandomdesktop .p-achievement-progress .progress-background, .skin-fandomdesktop .p-achievement-progress .progress-bar { border-color: var(--theme-border-color); }

.skin-fandommobile .p-achievement-progress .progress-bar, .skin-fandomdesktop .p-achievement-progress .progress-bar { background-color: var(--theme-success-color); border-left-width: 0; }