Makes Ruten a less painful experience during your sleepless nights.
Dark Ruten by still34
Imported and mirrored from https://github.com/Still34/azura-styles/raw/master/styles/DarkRuten.user.css
Details
Authorstill34
LicenseMIT
Categoryruten.com.tw
Created
Updated
Size68 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Dark Ruten
@author Still Hsu
@description Makes Ruten a less painful experience during your sleepless nights.
@license MIT
@preprocessor stylus
@namespace domain("ruten.com.tw")
@namespace github.com/Still34/azura-styles
@homepageURL https://github.com/Still34/azura-styles
@version 1.5.0
@var checkbox bEnableWideScreenPatch "Enable wide-screen support?" 0
@var checkbox bDisableAds "Disable sponsored items in search results?" 1
==/UserStyle== */
@-moz-document domain("ruten.com.tw") {
:root {
--theme-color: hsl(30, 10%, 10%);
--theme-color-alt: hsl(30, 10%, 13%);
--text-color: #ddd;
--text-color-emphasis: #fff;
--text-color-deemphasis: #bbb;
--text-color-inverted: #212121;
--text-color-emphasis-inverted: var(--black-000);
--link-color: #36b1e9;
--link-color-inactive: hsl(27, 90%, 96%);
--link-color-active: hsl(26, 21%, 85%);
--primary-nav-color-inactive: hsl(38, 76%, 20%);
--black-300: hsl(0, 0%, 30%);
--black-200: hsl(0, 0%, 20%);
--black-100: hsl(0, 0%, 10%);
--black-000: hsl(0, 0%, 0%);
--alert-danger: hsl(0, 40%, 16%);
--alert-info: hsl(223, 40%, 15%);
--alert-info-text: hsl(223, 40%, 75%);
--alert-success: hsl(110, 40%, 15%);
--alert-success-text: hsl(110, 40%, 75%);
--alert-title: hsl(120, 20%, 15%);
--ruten-theme-color: hsl(31, 90%, 35%);
--ruten-theme-color-alt: hsl(35, 90%, 37%) // 品牌旗艦
--top-tier-store-main-bg: hsl(38, 100%, 7%);
--top-tier-store-head-bg: hsl(38, 100%, 15%); // 我的拍賣 sidebars
--mybid-link-block: hsl(32, 60%, 10%);
--mybid-link-block-header: hsl(32, 60%, 20%);
/* /credit/point -> body[bgcolor="#FFFFFF"] > .rt-page table[bgcolor="f6f6f6"] */
}
if bDisableAds {
.rt-ad,
.ruten-event-shortcut,
.spotlight-section,
.pp-bank-event-wrap,
a[href*="ad_redir"],
#ad-promote,
#ad-slideshow,
#ad-flash,
#ad-special,
#ad-hotsale {
display: none;
}
}
if bEnableWideScreenPatch {
div.w-1037,
aside.w-200,
.ad.adHome > div,
.rt-store-content,
.daily-mission-section,
.rt-store-goods-listing,
.guest-like-section,
.buyer-event-section,
.best-goods-listing .best-goods-col,
.rt-cmbox-product-list .rt-cmbox-list-container {
width: unset;
max-width: unset;
}
.index-nav {
max-width: 50vw;
}
.guess-you-like-hook,
.back-to-top-wrap {
width: 25vw;
}
.shipping-discount-banner {
height: unset;
}
.rt-store-product-list-main .rt-product-card,
.index-product-card-wrap .rt-product-card,
.guest-like-section .goods-wrap .rt-product-card,
.rt-page .rt-header .rt-product-card{
width: 200px;
margin: 16px;
}
section.adHome,
.shipping-discount-banner,
.shipping-discount-content,
.layout .container,
.breadcrumb,
.index-main-wrap,
.rt-wrap {
min-width: 75vw;
max-width: 90vw;
}
.best-goods-listing .best-goods-col {
max-width: 50%;
min-width: 50%;
}
.ad.adHome > div {
min-width: 5%;
max-width: 15%
}
aside.w-200 {
flex: 1;
}
div.w-1037 {
margin-left: 1vw;
flex: 9;
}
.search-result-wrapper,
.index-main-content {
flex: inherit;
width: unset;
}
.shipping-discount-banner img {
position: inherit;
}
.loading-overlay{
width: 100%;
}
section.adHome,
.best-goods-listing {
display: flex;
flex-flow: wrap;
}
.index-product-card-wrap .rt-product-card,
.index-product-card-wrap .rt-product-card + .rt-product-card,
.guest-like-section .goods-wrap .rt-product-card + .rt-product-card,
.rt-page .rt-header .rt-product-card,
.index-product-card-wrap .rt-product-card:nth-of-type(6n+1){
margin-left: unset;
margin-top: unset;
}
}
body,
.credit-tab *,
p[class*="tidied-"],
.rt-common-base .rt-form-input,
.rt-common-base .rt-form-select,
.rt-common-base .rt-form-textarea,
.rt-form-input,
.rt-form-select,
.rt-form-textarea,
.goods-page-section,
.mybid-form-input,
.mybid-form-select,
.mybid-form-textarea,
.mybid-sub-tab-area,
.mybid-tab-area,
.rt-upload-easy .rt-form-input,
.rt-upload-easy .rt-form-select,
.rt-upload-easy .rt-form-textarea,
.goods-class-picker,
.oldrt-form-input,
.oldrt-form-select,
.oldrt-form-textarea,
body[bgcolor="#FFFFFF"] > .rt-page td {
font-family: "Noto Sans TC", "PingFang TC", "Hiragino Sans CNS",
"Microsoft JhengHei", "BlinkMacSystemFont", "Helvetica Neue", "Roboto",
PMingLiU, sans-serif;
}
.mybid-link-block {
background-color: var(--mybid-link-block);
}
.mybid-link-block h4 {
background: var(--mybid-link-block-header);
color: var(--text-color-emphasis);
border: var(--mybid-link-block);
}
.loading-overlay{
background-color: hsla(0, 0%, 0%, .5);
z-index: 99;
}
*[background*="flexible_bg.gif"] {
display: none;
}
.link-mybid,
.rt-store-best-goods-main {
background-color: var(--top-tier-store-main-bg);
}
.search-end-container,
.rt-store-best-goods-header {
background-color: var(--top-tier-store-head-bg);
}
.category-item {
flex: 0 0 calc(25% - 32px);
}
.main-area .column-seller h3,
.theme-category1 .rt-site-search,
.theme-category1 .rt-subcategory-list,
.theme-category2 .rt-site-search,
.theme-category2 .rt-subcategory-list,
.theme-category14 .rt-site-search,
.theme-category14 .rt-subcategory-list,
.theme-category15 .rt-site-search,
.theme-category15 .rt-subcategory-list,
.theme-category12 .rt-site-search,
.theme-category12 .rt-subcategory-list {
background-color: hsl(327, 100%, 5%);
color: var(--text-color-emphasis);
}
.rt-bd .section-content,
.main-area .column-buyer h3,
.theme-category5 .rt-site-search,
.theme-category5 .rt-subcategory-list,
.theme-category8 .rt-site-search,
.theme-category8 .rt-subcategory-list,
.theme-category11 .rt-site-search {
background-color: hsl(199, 100%, 5%);
color: var(--text-color-emphasis);
}
.theme-category11 .rt-subcategory-list,
.theme-category19 .rt-site-search,
.theme-category19 .rt-subcategory-list,
.theme-category21 .rt-site-search,
.theme-category21 .rt-subcategory-list,
.theme-category22 .rt-site-search,
.theme-category22 .rt-subcategory-list,
.theme-category23 .rt-site-search,
.theme-category23 .rt-subcategory-list {
background-color: hsl(199, 100%, 5%);
color: var(--text-color-emphasis);
}
.coin-event,
.promotion-event,
.main-area .column-both h3,
.theme-category3 .rt-site-search,
.theme-category3 .rt-subcategory-list,
.theme-category9 .rt-site-search,
.theme-category9 .rt-subcategory-list,
.theme-category18 .rt-site-search,
.theme-category18 .rt-subcategory-list,
.theme-category20 .rt-site-search,
.theme-category20 .rt-subcategory-list,
.theme-category24 .rt-site-search,
.theme-category24 .rt-subcategory-list {
background-color: hsl(80, 100%, 9%);
color: var(--text-color-emphasis);
}
.theme-category4 .rt-site-search,
.theme-category4 .rt-subcategory-list,
.theme-category6 .rt-site-search,
.theme-category6 .rt-subcategory-list,
.theme-category7 .rt-site-search,
.theme-category7 .rt-subcategory-list,
.theme-category10 .rt-site-search,
.theme-category10 .rt-subcategory-list,
.theme-category13 .rt-site-search,
.theme-category13 .rt-subcategory-list,
.theme-category17 .rt-site-search,
.theme-category17 .rt-subcategory-list,
.theme-category25 .rt-site-search,
.theme-category25 .rt-subcategory-list {
background-color: hsl(25, 100%, 6%);
color: var(--text-color-emphasis);
}
.catalogue,
.rt-page .rt-chat-message-header,
.rt-button-primary,
.rt-hd .active,
.ta-hd-theme,
.nav li:hover,
.rt-hd-theme,
.filter-section-title,
.goods-seller-coupon .slideshow-control-next,
.goods-seller-coupon .slideshow-control-prev,
.item-holiday-action,
.item-shopping-cart-action,
.item-soldout-action,
.message-flyout,
.message-title,
.rt-page > .rt-header,
.seller-board-title,
.header-nav,
.header,
.spotlight-section-title {
background: var(--ruten-theme-color) !important;
}
.list-cart-info-payment,
.rt-button-primary:hover,
.index-button:hover,
.item-holiday-action:hover,
.item-shopping-cart-action:hover,
.item-soldout-action:hover,
.mission-card,
.PW_PCHOMEPAY_CREDIT_N_ZERO,
.seller-board-content,
body[bgcolor="#FFFFFF"] > .rt-page *[bgcolor*="FFF0E2"] {
background: var(--ruten-theme-color-alt) !important;
}
.catalogue,
.nav li:hover,
.search-end-container,
.rt-button-primary,
.custom-store .item-spec-list .item-spec-list-item [type="checkbox"]:checked + label,
.daily-mission-section,
.filter-section-title,
.goods-seller-coupon-wrap,
.index-button,
.item-spec-list .item-spec-list-item [type="checkbox"]:checked + ...