Skip to content

Ozon ru Dark mode by xtcry

Details

Authorxtcry

LicenseNo License

Categoryozon, ozon.ru, озон

Created

Updated

Size6.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Темный режим для Ozon на октябрь 2024

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Ozon ru Dark mode
@version      20241101.22.26
@namespace    userstyles.world/user/xtcry
@description  Темный режим для Ozon на октябрь 2024
@author       xtcry
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.ozon.ru"), url-prefix("https://ozon.ru"), domain("ozon.ru"), domain("www.ozon.ru") {
:root {
  --color-page-bg: #282a36;
  --color-page-header-bg: #3c3e49;
  --color-input-bg: #44475a;
  --color-text: #f8f8f2;
  --color-header-border: #44475a;

  --color-text-primary: #c9d1d9;
  --color-text-secondary: #8b949e;
  --color-text-link: #58a6ff;
}

body {
  /* background-color: #8f8f8f !important; */
  background-color: var(--color-page-bg) !important;
  color: var(--color-text) !important;
}

.id_9 .di0_9.di_9:before {
  border-bottom: 1px solid var(--color-header-border)!important;
}
.zm_27 + .zm_27 {
  border-top: .5px solid var(--color-header-border)!important;
}
.l3q_27 .lq4_27 .l4q_27 {
  background-color: var(--color-header-border) !important;
}
.ln_27.n0l_27 {
  border-right: 1px solid var(--color-header-border) !important;
}
.ln_27.l1n_27 {
  border-left: 1px solid var(--color-header-border) !important;
}

[data-widget="activationCodeWebMain"],
[data-widget="orderDoneContainer"],
[data-widget="orderInfoContainer"],
[data-widget="annotation"],
[data-widget="shopInShopContainer"],
.id_9 .di0_9.di_9:before,
.b8q_4_6 > div,
.q9f_14,
.o6v_28.v6o_28 .v8o_28,
.l5t_27 .t5l_27,
.yf2_14 {
  background-color: var(--color-page-bg) !important;
}

.xt1_30 {
  background-color: rgb(0 0 0 / 10%);
}

[data-widget="islandSeparator"] g > path {
  /*   fill: unset !important; */
  fill: var(--color-page-bg) !important;
}

.a2016-c9,
/* [data-widget="header"], */
[data-widget="webStickyProducts"] > div,
[data-widget="cellList"] > div,
[data-widget="pinnedReview"] > div,
[data-widget="webSale"],
[data-widget="webSale"] > div,
[data-widget="bigPromoPDP"],
[data-widget="modalLayout"],
[data-widget="topBar"],
/* .id_9 .di0_9.di_9:before, */
.b8p_4_6,
.d4016-a1.d4016-b0,
.d4016-a4,
.vq3_30:hover,
.vq3_30.v3q_30,
.ia3a_33,
.er_10,
.b6021-a5,
.yi5_22,
.x8r_30,
.aa113-a,
.t6m_27,
.m0o_27,
[data-widget="paymentInfoV2"],
[data-widget="rfbsAddressInfo"],
[data-widget="rfbsSplit"],
[data-widget="discountCode"] > div,
[data-widget="premiumBalanceHeader"],
[data-widget="premiumSellerPointsBalance"],
[data-widget="paymentsHistory"],
[data-widget="premiumLandingFAQ"],
[data-widget="footer"],
[data-widget="total"],
[data-widget="totalScoresWeb"],
[data-widget="controls"],
[data-widget="paginator"] [data-widget="split"],
[data-widget="orderDoneContainer"] .w2f_14,
.fw4_14,
[data-widget="island"] {
  background-color: var(--color-page-header-bg) !important;
}

.lq8_27,
.sx_30 .xs3_30,
.sx_30.x4s_30.xs4_30:after {
  background: linear-gradient(0deg, var(--color-page-header-bg), #00000000);
}

.m6t_27:before {
  background: linear-gradient(90deg, #00000000 10%, var(--color-page-header-bg) 70%);
}

/* * Unset bg All */
.s1f_14,
.a2016-e4,
.a2016-e5,
.yk4_27,
.i2aa_33,
/* .t6m_27, */
.search-bar-wrapper,
[data-widget="webAspectsModal"] > div,
[data-widget="webAspectsModal"] > div > div,
#seller-list > div,
[data-widget="header"],
[data-widget="hammers"],
[data-widget="seasonWidget"],
[data-widget="separator"],
[data-widget="islandSeparator"],
[data-widget="wallpaper"] {
  background: unset !important;
  background-color: unset !important;
}

/* * Unset bg */
.c3f_7 {
  background-color: unset !important;
}

.or7_28,
.n4q_28,
.n6r_28,
.xe5_14,
.x4f_14,
.d3020-a9,
.f016-a,
.d016-a,
.aa3i_33 {
  background-color: var(--color-input-bg) !important;
}

button > svg,
.d016-a,
.aa3i_33 input {
  -webkit-text-fill-color: var(--color-text) !important;
  color: var(--color-text) !important;
}

/* .b6n_4_6,
.q5b_4_6 */
.x2 {
  color: var(--color-text) !important;
}

a,
.ga117-a,
/* [data-widget="webDetailSKU"]>*, */
.k1m_27,
.k1m_27 > svg,
.b218-b3,
.b2117-b1,
/* .b2117-b0, */
.mg7_14:not(.gm8_14) .m7g_14 {
  color: var(--color-text-link) !important;
}

.pz1_28,
.nw0_28,
.o6v_28.v6o_28,
.y3i_22,
.s7u_30,
.gl5_14,
.b2117-a5,
.ui8_22,
.fr0_14,
.rf_14,
.r9f_14,
.rf4_14,
.lr0_27,
.sw_30.ws_30,
.tm6_27,
.tsBody400Small,
.tsHeadline500Medium,
.tsCompact500Medium,
.kp1_27,
.x1u_30 .u3x_30,
.e8017-b4,
.a2016-e4,
.q1 > span,
/* .q1 > svg, */
/* .ag018-a0, */
.b3223-a9,
.rb8_4_6,
.br9_4_6,
.ba9 > div,
.a6,
.a6 > span,
.a7,
.di4_9 > a,
.yp6_28,
.or7_28,
.n4q_28,
.n6r_28,
.y3f_14,
.xi4_22,
.i5x_22,
.jp3_23,
.ve7_14,
.ev9_14,
.jk5_22,
.j6o_23,
.yq4_30,
.vq5_30,
.vq3_30,
.qy_30,
.y4q_30,
.m7g_14,
.s3m_27,
.fy6_14,
.y5f_14,
.rb8_7_6,
.br9_7_6,
.i6aa_33,
.b2117-b5,
.b2117-a0,
.yf5_14 {
  color: var(--color-text) !important;
}

/* Not important text */
.uk5_27 .u5k_27 {
  color: var(--color-text);
}

/* .i6aa_33 svg,
.i6aa_33 img {
  fill: var(--color-text) !important;
} */
.a2016-c9,
.r8b_4_6,
.mo0_27,
.om2_27,
.om3_27,
.m7o_27,
.t6m_27,
.mo4_27,
.o4m_27,
.d7015-a3,
.sw_30,
.x4u_30,
.ux5_30,
.ky3_27,
.ky4_27,
.y1k_27,
.RA-h0,
.RA-i0,
.e6015-a4,
.k2v_27,
/*  */
.m1k_27.k2m_27 .km3_27,
.m1k_27.mk2_27 .km3_27,
/*  */
.g7c_7,
.qy3_30,
.qw_30,
.ie4_10,
.bk4_4.b4k_4,
.d1o_9 div,
.ov4_28,
.u8s_30,
.us1_30,
.su7_30,
.ro9_28,
.d0u_9 {
  color: var(--color-text-primary) !important;
}

[data-widget="webOutOfStock"] > h2,
.RA-i0.RA-i5,
.RA-i0.RA-i6,
.ez1_14,
.z4q_27_30 .q5z_27_30,
.x1m_27,
.hd0_9,
.a2016-e5,
.mt_27,
.m9s_27.t3m_27 .mt0_27,
.m7y_27 > *,
.ae8,
.r8b_7_6,
.n8r_28,
.r8n_28,
.rn8_28 .jaa_33 strong,
.e7a {
  color: var(--color-text-secondary) !important;
}

.vl0_27/* [data-widget="webInstallmentPurchase"] > div > div */
{
  background-color: #ffffff24;
}

.m0o_27 {
  box-shadow: 0 4px 16px 0 rgb(88 88 88 / 35%);
}

.a3ia_33 {
  color: rgb(186 214 241 / 80%);
}

.d4016-a > button > svg {
  color: #000 !important;
}

.ba1 {
  background-color: hsla(0, 0%, 55%, .8);
}

.n6r_28.r6n_28 {
  background-color: rgb(224 81 50 / 12%) !important;
}
}

Reviews

No reviews yet.