a dark gray modern site skin for Auto AO3 App
autoao3app - modern gray by mosspunk

Details
Authormosspunk
LicenseCC0
CategoryAuto AO3 App
Created
Updated
Code size2.7 kB
Code checksum6cb6e188
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name autoao3app - modern gray
@version 20240218.22.55
@namespace https://userstyles.world/user/mosspunk
@author mosspunk
@license CC0
==/UserStyle== */
@-moz-document url-prefix("https://autoao3app.fandom.tools/#/"), url-prefix("https://autoao3app.web.app/#/"), url-prefix("https://autoao3app.firebaseapp.com/#/") {
body {background: #191919; color: #e5e5e5;}
#app {max-width: 900px; background: #323232; margin: auto; padding: 1em; border: none; border-radius: .5em;}
.hero.bg-gray.hero-sm, ul.tab {background: #4c4c4c !important; margin: auto; padding: .2em; border: none; border-radius: .5em;}
.navbar a {color: #7df9ff !important;}
a {color: #7df9ff !important;}
.accordion-header {color: #7df9ff !important;}
button {background: #666 !important; color: #7df9ff !important; padding: .2em; border: none !important; border-radius: .5em !important;}
#create-new.form-input, #fandom-filter.form-input, #groupby-filter.form-select, #category-filter.form-select, #freeform-filter.form-input, #optional-tags-filter.form-input, #character-filter.form-input, #relationship-filter.form-input, #prompt-filter.form-input, #warning-filter.form-input, #ratings-filter.form-input,#user-filter.form-input, .category.meta-tag, #search-user.form-input, .input-group.input-inline, .dropdown.dropdown-right, a.btn, .btn-group, a.btn.btn-secondary.c-auto, ul.menu {background: #191919 !important; color: #7df9ff; border: none; border-radius: .5em !important;}
.form-checkbox .form-icon, .form-switch .form-icon {background: #191919 !important; color: #7df9ff; border: none; border-radius: .5em !important;}
.a.btn.btn-primary.dropdown-toggle {background: #7df9ff !important; border: none !important; border-radius: .5em !important;}
i.icon.icon-caret {color: #7df9ff !important;}
.toast.mt-2.toast-success, .toast.toast-warning {background: #666 !important; margin: auto; padding: .2em; margin-bottom: .5em; border: none; border-radius: .5em;}
/*works wrong*/ .tab-item.active a, .tab-item a.active {border: none !important;}
/*doesn't work*/ ul.pagination, li.page-item {text-align: center !important;}
table, .table.table-striped.table-resizer, .table {background: #4c4c4c !important; border: none; border-radius: .5em !important;}
tr {background: #4c4c4c !important;}
.chip, .label, .empty {background: #7f7f7f !important; color: #e5e5e5; border: none; border-radius: .5em !important;}
.input-group-addon {background: #323232 !important; border: none !important;}
.bookmark.btn.btn-link, .bookmark {background: none !important;}
/*doesn't work*/ .divider.text-center, .divider, .text-center {background: #e5e5e5 !important; color: #323232 !important;}
}