A dark grey theme for Booth
Booth.pm Dark theme by natsumi
![Screenshot of Booth.pm Dark theme](https://userstyles.world/preview/162/0.jpeg)
Details
Authornatsumi
LicenseMIT
CategoryBooth
Created
Updated
Size3.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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;
}
}