Skip to content

Pandabuy - Purple V2 [DARK MODE] by fuzionqt

Screenshot of Pandabuy - Purple V2 [DARK MODE]
Write a review Install Get Stylus

Details

Authorfuzionqt

LicenseCreative Commons License

CategoryDark

Created

Updated

Size15 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark Mode for Pandabuy.com

Get your 10KG Hauls in Dark Mode!

Notes

Project Update: Early Development Stage

This project is currently in its early development stage and includes the following key features and changes:

Custom ScrollBar: We've implemented a unique and customizable scrollbar for enhanced user experience.
Purple-Esk Color Scheme: Our visually appealing purple-themed color scheme adds a touch of elegance to the interface.
Massive Clean-Up: We've conducted an extensive clean-up to ensure a clutter-free and streamlined user interface.
Purchase, Order & Cart Themes: We've incorporated themes inspired by purchase, order, and cart functionalities, enhancing the overall user experience.
Numerous Other Enhancements: In addition to the mentioned changes, we've made various other improvements to enhance functionality and aesthetics.

[!] Performance Friendly: Our design prioritizes performance, ensuring smooth and efficient operation.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         FUZION's rough dark mode and cleanup
@version      20231007.00.01
@namespace    userstyles.world/user/fuzionqt
@description  Dark Mode for Pandabuy
@author       fuzionqt
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name         FUZION's Dark Mode Cleanup
@version      20230925.21.24
@namespace    userstyles.world/user/fuzionqt
@description  Dark Mode for Pandabuy
@author       fuzionqt
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.pandabuy.com/") {
/* Define color variables for easy customization */
:root {
  --background-color: #151515;
  --text-color: #b470e0;
  --menu-background-color: #1a1a1a;
  --menu-item-background-color: #242424;
  --active-menu-item-background-color: #170f1e;
  --button-background-color: #151515;
  --button-border-color: #1a1a1a;
  --button-text-color: #606266;
  --flash-color-1: #141730;
  --flash-color-2: #160e19;
}

/* Background color changes */
.home-container[data-v-a97b03d2],
.icons-container[data-v-5ef228e4],
.right-menu .menus-box[data-v-0347df72],
.global-nav[data-v-e66c6950],
.small-nav[data-v-5380876b],
.search-ipt.home_search[data-v-8bd7472a] .el-input-group__prepend,
.search-ipt.home_search[data-v-8bd7472a] .el-input-group--append .el-input__inner,
.shopping-cart,
.overview .overview-right .express[data-v-222b08fe],
.overview .overview-right .Counter[data-v-222b08fe] .quantity .el-input-number__decrease,
.overview .overview-right .Counter[data-v-222b08fe] .quantity .el-input-number__increase,
.overview .overview-right .Counter[data-v-222b08fe] .quantity .el-input__inner,
.pd-input-custom .el-input__inner,
.pd-input-custom.el-range-editor,
.pd-input-custom .el-range-input,
.pd-input-custom .el-textarea__inner,
.search-ipt.top_search .input[data-v-8bd7472a] .el-input-group__prepend,
.full-order[data-v-80bb28f2] {
  background-color: var(--background-color);
}

.search-ipt.top_search .input[data-v-8bd7472a],
.search-ipt.home_search[data-v-8bd7472a],
.infinite-list-item,
.center,
.content.flex,
.content-right,
.person-center,
.el-menu-vertical.el-menu,
.el-form.order-form.el-form--inline,
.cart-control_top.el-row,
.cart-container[data-v-b2f09180],
.product-container[data-v-58675176],
.search-ipt.top_search .input[data-v-8bd7472a] input {
  background-color: var(--menu-background-color);
}

/* Change all text color to #999 */
*:not(svg) {
  color: var(--text-color) !important;
  text-shadow: 0px 1.5px 3px rgba(0, 0, 0, 1);
}

/* Elements to be hidden */
div.search-desc,
div.bottom-box,
div.el-tooltip.discord-logo,
div.menu.Top.discord.showMenu,
div.Novice-strategy,
.current-time,
.rightcontant,
.statement-desc,
.price-bottom_tips,
.not-auth,
.banner-container[data-v-9864b4e0] {
  display: none !important;
}

/* Styling for menu items */
.right-menu .menu[data-v-0347df72] {
  color: #333;
  background: var(--menu-background-color);
}

/* Styling for left menu */
.left-menu[data-v-880514dc] .el-menu-vertical {
  border: 1px solid var(--menu-background-color);
}

.left-menu[data-v-880514dc] .el-menu-item,
.left-menu[data-v-880514dc] .el-submenu__title {
  background: var(--menu-item-background-color);
  border-right: 5px solid #262626;
  padding-left: 30px !important;
}

.left-menu[data-v-880514dc] .el-menu-item.is-active,
.left-menu[data-v-880514dc] .el-submenu__title.is-active {
  border-right: 5px solid #11ba66;
  background-color: var(--active-menu-item-background-color);
}

.left-menu[data-v-880514dc] {
  background: var(--menu-background-color);
}

/* Styling for cart */
.cart-container .cart-list[data-v-b2f09180] {
  background-color: var(--menu-background-color);
}

.cart-container .cart-control_top[data-v-b2f09180] {
  color: #4f4f4f;
}

.cart-container .cart-item .item-box[data-v-b2f09180] {
  border: 1px solid #00000017;
}

.cart-container .all-select-bottom[data-v-b2f09180] {
  background: var(--background-color);
}

.full-order .order-box .order-tabel[data-v-6dd8b938] {
  border: 1px solid var(--menu-background-color);
}

.full-order .order-box .order-tabel .order-amount[data-v-6dd8b938] {
  border-right: 1px solid var(--menu-background-color);
}

.full-order .order-box .order-tabel .order-detail[data-v-6dd8b938] {
  border-right: 1px solid var(--menu-background-color);
}

.overview .overview-right .express[data-v-136da2ff] {
  background-color: var(--menu-background-color);
  color: #333;
}

/* Styling for buttons */
.bg-button[data-v-32df4660] {
  border: 1px solid var(--background-color);
  background: var(--background-color);
}

.cart-container .tag-select[data-v-b2f09180] {
  background-color: var(--background-color);
}

/* Styling for input elements */
[data-v-1a041075].ipt-number .el-input__inner {
  background-color: #221534;
  border-color: #221534;
}

[data-v-1a041075].ipt-number .el-input-number__decrease,
[data-v-1a041075].ipt-number .el-input-number__increase {
  background-color: #301d4a;
  border-color: #301d4a;
}
.parameter .detail-title[data-v-77d3ae26] {
    border-bottom: 1px solid #f2f2f200;
    background-color: #151515;
}

.cart-container .estimated-freight-btn[data-v-b2f09180] {
  background-color: var(--background-color);
  color: #11ba66;
  border: 2px solid #11ba66;
}

.cart-container .cart-item .item-box .item-child[data-v-b2f09180]:hover {
  animation: flashColor 2s infinite;
  background-color: var(--flash-color-1);
}

@keyframes flashColor {
  0%, 100% {
    background-color: var(--flash-color-1);
  }
  50% {
    background-color: var(--flash-color-2);
  }
}

.full-order .order-box .order-tabel[data-v-6dd8b938]:hover {
  background-color: #212021 !important;
}

.all-select-bottom[data-v-6dd8b938] {
  border: 2px solid var(--background-color);
  background-color: var(--menu-background-color);
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
  background: var(--background-color);
}

.el-pagination button:disabled {
  background-color: var(--background-color);
}

.el-input__inner {
  -webkit-appearance: none;
  background-color: var(--background-color);
  border: 1px solid #dcdfe6;
  color: #606266;
}

.el-button {
  background: var(--button-background-color);
  border: 1px solid var(--button-border-color);
  color: var(--button-text-color);
}

.goods-photo[data-v-05467ca6] {
  background-color: var(--menu-background-color);
}

.goods-photo .photo-right[data-v-05467ca6] {
  background: rgba(24, 13, 33, 0);
}

body {
  background: #151515;
}

.overview .overview-right .Counter[data-v-136da2ff] .quantity .el-input__inner {
  background-color: #151515;
  border-color: #151515;
}

.overview .overview-right .Counter[data-v-136da2ff] .quantity .el-input-number__decrease,
.overview .overview-right .Counter[data-v-136da2ff] .quantity .el-input-number__increase {
  background-color: #151515;
  border-color: #151515;
}

.overview .overview-right .express-top-sept1 .express_fee-free[data-v-136da2ff] {
  background-color: #151515;
  border-color: #151515;
}

.overview .overview-right .deliveryIntroduction .props-class .props-btn .text[data-v-136da2ff] {
  border: 1px solid #0000;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 1);
}

.el-checkbox__inner {
  background-color: #302447!important;
  border: 1px solid #0000;
}

.el-checkbox__inner:hover {
  background-color: #302447!important;
  border: 1px solid #9a24de;
}

.full-order .order-box .order-title_layout[data-v-6dd8b938] {
  border-top: 1px solid #15151500;
  border-bottom: 1px solid #15151500;
}

.order-filter[data-v-6dd8b938] {
  border-bottom: 1px solid #15151500;
}

.shop-container[data-v-19a32374] {
  border-bottom: 1px solid #15151500;
}

.add-transport[data-v-6dd8b938] {
  border: 1px dashed #000000bd;
}

.left-menu .divider[data-v-880514dc] {
  background: #f2f2f200;
}

.divider {
  border-bottom: 1px solid #f2f2f200;
}

.left-menu[data-v-880514dc] .el-menu-item,
.left-menu[data-v-880514dc] .el-submenu__title {
  background: var(--menu-item-background-color);
  border-right: 5px solid #26262600;
}

.overview .overview-left .find-same-box[data-v-136da2ff] {
  margin-top: 0px;
  border-top: 1px solid #f2f2f200;
  padding: 7px 0px;
}

.overview .overview-right .statement .cl-border-bottom[data-v-136da2ff] {
  border-bottom: 1px solid #f2f2f200;
}

.overview .overview-right .buttonz[data-v-136da2ff] {
  padding: 30px 0;
  border-bottom: 1px solid #f2f2f200;
}

.overview .overview-right .statement[data-v-136da2ff] {
  padding: 15px 0px;
}

.overview .overview-right .buttonz[data-v-136da2ff] {
  padding: 0px 0;
  border-bottom: 1px solid #f2f2f200;
}

.overview .overview-left .find-same-btn[data-v-136da2ff] {
  background: rgba(118, 14, 144, .1);
  border: 1px solid rgba(105, 14, 148, .5);
}

.parameter .details[data-v-77d3ae26] {
  border: 1px solid #f2f2f200;
}

.addCart[data-v-136da2ff] {
  border: 2px solid #9a24de;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: #151515;
  background-color: #151515;
}

.btn-list .btn-item[data-v-6dd8b938] {
  border: 1px solid #9a24de;
}

.full-order .order-box .item-content .goods-content[data-v-6dd8b938] {
  background-color: #1b1b1b;
}

.full-order .order-box .item-content .moreMsg[data-v-6dd8b938] {
  border-bottom: #0000;
  background-color: #1b1b1b;
}

.el-button {
  background: #1b1b1b;
  border: 1px solid #1b1b1b;
  color: #1b1b1b;
}

.overview .overview-left .share[data-v-136da2ff] {
  padding-top: 5px;
}

[data-v-1d428608].pd-el-Pagination .active {
  background-color: #151515;
}

.risk-dialog .risk-content[data-v-d1384f56] {
  background-color: #151515;
}

.risk-dialog .risk-footer[data-v-d1384f56] {
  border-top: 1px solid #151515;
  background-color: #151515;
}

.overview .overview-right .deliveryIntroduction .props-class .props-btn .item-picture...

Reviews

No reviews yet.