Skip to content

Booth.pm Dark theme by natsumi

Screenshot of Booth.pm Dark theme

Details

Authornatsumi

LicenseMIT

CategoryBooth

Created

Updated

Size3.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A dark grey theme for Booth

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Booth.pm Dark theme
@namespace      booth.pm
@version        1.1.0
@description    A dark grey theme for Booth
@author         Natsumi
==/UserStyle== */

@-moz-document domain("booth.pm") {
body {
    color: #fff;
}
a {
    color: #6ae4f4;
}
a:visited {
    color: #3fb4c4;
}
.page-wrap { 
    background-color: #222;
}
.nav:link {
    color: #fff;
}
.nav:visited {
    color: #bbbbbb;
}
.u-bg-white {
    background-color: #2d2d2d !important;
}
.recent_viewed_items_component, .market_top-headings .subtitle, .info-bar.booth-message, .ask_create_booth-white_board, .sheet, .l-order-detail-sheet-group-header, .manage-list-card-foot, .manage-list-card {
    background-color: #222;
}
.global-nav, .ctrl-nav, header-nav, [role="banner"] .header-nav, [role="banner"] [role="navigation"], .following-shop-card {
    background-color: #3e3e3e !important;
}
.ctrl-nav-box, .ctrl-nav-box:visited, .ctrl-nav-box:link, .search-guide-slider-nav, .btn.calm.negative {
    color: #fff;
}
.ctrl-nav-box:hover {
    color: #999;
}
.footer, .mini-banners-box {
    background-color: #222;
}
.footer-menu-heading, .market_section-head-title--large {
    color: #ccc;
}
.ellip-btn, .footer, .text-ui:link {
    color: #fff;
}
.top_navigation .categories-menu {
    color: #fff;
    background-color: #444;
}
.top_navigation .categories-menu .name {
    color: #fff;
}
.categories .nav-reverse {
    background-color: #3D4651;
    color: #fff;
}
.u-text-gray-300, .u-text-gray-500, .ui-market-filter .nav-item, .ctrl-nav-box.before-signin .nav-item, .u-text-label {
    color: #fff !important;
}
.pseudo-pulldown, .pseudo-pulldown .pulldown-menu, .pulldown-area .pulldown-menu, .account-menu-group .text-ui, .text-ui-negative:visited, .text-ui-negative:link, .manage-list-card.no-behavior, .manage-list-card-foot:hover, .text-ui:visited, .cart-payment-methods th, .cart-payment-methods td {
    background-color: #3D4651;
    color: #fff;
}
.pseudo-pulldown-nav:hover, .text-ui-negative:hover, .account-menu-group .text-ui:hover, .no-behavior.manage-list-card:hover, .ui-market-filter .nav-item:hover, .manage-list-card:hover {
    background-color: #fff !important;
    color: #3D4651 !important;
}
.pseudo-pulldown-nav:link, .pseudo-pulldown-nav:visited, .pseudo-pulldown .trigger [class|="icon"] {
    background-color: #3D4651;
    color: #fff;
}
.trigger:hover, .text-ui:hover {
    color: #999;
}
.pulldown.pulldown-active .trigger {
    color: #888;
}
.search-guide-slider-nav.right {
    background-image: linear-gradient(to right, rgba(21,21,21,0) 0%, #222 89%);
}
.search-guide-slider-nav.left {
    background-image: linear-gradient(to left, rgba(21,21,21,0) 0%, #222 89%);
}
.wishlists_count, .count, .icon-heart, .icon-heart-empty {
    color: #FFA9A9 !important;
}
.radio-cell-view > input[type="radio"]:checked + .radio-cell-view-label {
    background-color: #3e3e3e;
}
.radio-cell-view:hover > input[type="radio"] + .radio-cell-view-label {
    background-color: #3D4651;
}
.step-progress li {
    color: #fff;
}
.step-progress-display {
    background-color: #444;
}
.btn.calm, .btn.calm:visited, .btn.calm:hover, .icon-search {
    color: #fff !important;
}
.item-search-input {
    background-color: #3D4651 !important;
    color: #fff !important;
}
.tt-dropdown-menu, .tt-suggestion {
    background-color: #3D4651 !important;
    color: #fff !important;
}
.tt-suggestion:hover {
    background-color: #fff !important;
    color: #3D4651 !important;
}
}

Reviews

No reviews yet.