Skip to content

Dzen Dark by thejenja

Screenshot of Dzen Dark

Details

Authorthejenja

LicenseNo License

Categorydzen.ru

Created

Updated

Size13 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Чёрная тема для Дзена (dzen.ru), затрагивает практически все разделы сайта.

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       Dzen Dark
@version    20241126.08.02
@namespace  ?
==/UserStyle== */

@-moz-document url-prefix("https://dzen.ru/") {
html {
    color-scheme: dark
}

.Theme_color_light,.Theme_colour_light,._theme_white,:root {
    --zenColorAppliedButtonRegularBg: rgba(200,200,200,0.06);
    --zenColorAppliedHover: rgba(200,200,200,0.05);
    --zenColorAppliedImageFill: rgba(200,200,200,0.06);
    --zenColorAppliedInputBgDefault: #111;
    --zenColorAppliedInputBgFocus: #e6e6e6;
    --zenColorAppliedInputBgNegative: #111;
    --zenColorAppliedLink: #0060d0;
    --zenColorAppliedLinkHover: #62aafd;
    --zenColorAppliedOverlay: rgba(200,200,200,0.4);
    --zenColorAppliedPollVote: #ffb28b;
    --zenColorAppliedPollVoteAll: #ffdecc;
    --zenColorAppliedSegmentTabActive: #000;
    --zenColorAppliedSeparator: rgba(200,200,200,0.08);
    --zenColorAppliedSkeleton: #111;
    --zenColorAppliedStroke: rgba(200,200,200,0.12);
    --zenColorAppliedTabbarActiveTab: #ff5317;
    --zenColorBackgroundInverse: #5f5f5f;
    --zenColorBackgroundOverflow: #111;
    --zenColorBackgroundOverflowZen: #000;
    --zenColorBackgroundPrimary: #000;
    --zenColorBackgroundSecondary: #000;
    --zenColorBackgroundTertiary: #000;
    --zenColorBgBrand: #202022;
    --zenColorBgInverse: #202022;
    --zenColorBgModal: #000;
    --zenColorBgOverlay: rgba(50,50,50,0.72);
    --zenColorBgPrimary: #000;
    --zenColorBgSecondary: #111;
    --zenColorBgSelect: #333;
    --zenColorButtonSecondary: #333;
    --zenColorButtonSecondaryDisabled: #222;
    --zenColorControlChecked: #ff5317;
    --zenColorControlUnchecked: rgba(0,11,33,0.06);
    --zenColorFill12: rgba(200,200,200,0.12);
    --zenColorFill18: rgba(200,200,200,0.18);
    --zenColorFill24: rgba(200,200,200,0.24);
    --zenColorFill30: rgba(200,200,200,0.3);
    --zenColorFill6: rgba(200,200,200,0.06);
    --zenColorIconAccent: #ff5317;
    --zenColorIconDisabled: rgba(6,6,15,0.2);
    --zenColorIconInversePrimary: #fff;
    --zenColorIconInverseSecondary: hsla(0,0%,100%,0.7);
    --zenColorIconInverseTertiary: hsla(0,0%,100%,0.4);
    --zenColorIconLink: #006be7;
    --zenColorIconPrimary: rgba(255,255,255,0.87);
    --zenColorIconSecondary: rgba(106,106,115,0.6);
    --zenColorIconSuccess: #00845b;
    --zenColorIconTertiary: rgba(255,255,255,0.38);
    --zenColorTextStaticBlackTertiary: rgba(200, 200, 200, 0.38);
    --zenColorIconWarning: #d32947;
    --zenColorTextStaticBlackPrimary: #fff;
    --zenColorPastelApricotShallow: #2c1a08;
    --zenColorPastelCoralShallow: #2A2828;
    --zenColorStrokeFocus: #fff;
    --zenColorStrokeImage: rgba(200,200,200,0.12);
    --zenColorStrokeInverse: hsla(0,0%,100%,0.18);
    --zenColorStrokePrimary: rgba(255,255,255,0.2);
    --zenColorTextAccent: #ff5317;
    --zenColorTextAndIconsAccent: #ff5317;
    --zenColorTextAndIconsDisabled: rgba(200,200,200,0.25);
    --zenColorTextAndIconsInverse: #fff;
    --zenColorTextAndIconsPrimary: #fff;
    --zenColorTextAndIconsSecondary: rgba(200,200,200,0.66);
    --zenColorTextAndIconsTertiary: rgba(200,200,200,0.45);
    --zenColorTextDisabled: rgba(6,6,15,0.2);
    --zenColorTextInversePrimary: #fff;
    --zenColorTextInverseSecondary: hsla(0,0%,100%,0.7);
    --zenColorTextInverseTertiary: hsla(0,0%,100%,0.4);
    --zenColorTextLink: #006be7;
    --zenColorTextPrimary: rgba(206,206,215,0.87);
    --zenColorTextSecondary: rgba(206,206,215,0.6);
    --zenColorTextSuccess: #00845b;
    --zenColorTextTertiary: rgba(206,206,215,0.38);
    --zenColorTextWarning: #d32947;
    --zenColorSegmentedControlActiveTab: #111;
    --zenColorSegmentedControlDefault: #222;
}

.card-channel-info,.card-layer-content-header-view body.Theme_color_light,.card-layer-content-header-view._theme_white,.news-card2-redesign__title,.news-story-redesign__meta .news-story-redesign__source-text,.ui-lib-rich-text._theme_white .ui-lib-rich-text__expand-ellipsis._color_default,.ui-lib-rich-text._theme_white .ui-lib-rich-text__expand-ellipsis._color_primary,.ui-lib-rich-text._theme_white .ui-lib-rich-text__text._color_default,.ui-lib-rich-text._theme_white .ui-lib-rich-text__text._color_primary,.zen-ui-rich-text._theme_white .zen-ui-rich-text__expand-ellipsis._color_default,.zen-ui-rich-text._theme_white .zen-ui-rich-text__expand-ellipsis._color_primary,.zen-ui-rich-text._theme_white .zen-ui-rich-text__text._color_default,.zen-ui-rich-text._theme_white .zen-ui-rich-text__text._color_primary,body.Theme_color_light .ui-lib-rich-text__expand-ellipsis._color_default,body.Theme_color_light .ui-lib-rich-text__expand-ellipsis._color_primary,body.Theme_color_light .ui-lib-rich-text__text._color_default,body.Theme_color_light .ui-lib-rich-text__text._color_primary,body.Theme_color_light .zen-ui-rich-text__expand-ellipsis._color_default,body.Theme_color_light .zen-ui-rich-text__expand-ellipsis._color_primary,body.Theme_color_light .zen-ui-rich-text__text._color_default,body.Theme_color_light .zen-ui-rich-text__text._color_primary,html:not(.document_dark_yes) .card-layer-content-header-view._theme_portal,html:not(.document_dark_yes) .ui-lib-rich-text._theme_portal .ui-lib-rich-text__expand-ellipsis._color_default,html:not(.document_dark_yes) .ui-lib-rich-text._theme_portal .ui-lib-rich-text__expand-ellipsis._color_primary,html:not(.document_dark_yes) .ui-lib-rich-text._theme_portal .ui-lib-rich-text__text._color_default,html:not(.document_dark_yes) .ui-lib-rich-text._theme_portal .ui-lib-rich-text__text._color_primary,html:not(.document_dark_yes) .zen-ui-rich-text._theme_portal .zen-ui-rich-text__expand-ellipsis._color_default,html:not(.document_dark_yes) .zen-ui-rich-text._theme_portal .zen-ui-rich-text__expand-ellipsis._color_primary,html:not(.document_dark_yes) .zen-ui-rich-text._theme_portal .zen-ui-rich-text__text._color_default,html:not(.document_dark_yes) .zen-ui-rich-text._theme_portal .zen-ui-rich-text__text._color_primary,span {
    color: #fff!important
}

.article-stats-view {
    color: rgba(200,200,200,.45)
}

.Theme_color_light .Menu_view_default,.Theme_color_light .Popup2_view_default,.Theme_colour_light .Popup2_view_default,.article,.channel-details__contentWrapper-1i.channel-details__isDesktop-1z,.header-white-label__content,.ui-lib-gallery-carousel-controls:not(._theme_black) .ui-lib-gallery-carousel-controls__arrow,.ui-lib-popup-element._is-white-background .ui-lib-popup-element__tailed-content,.zen-ui-popup-element._is-white-background .zen-ui-popup-element__tailed-content,html:not(div) .article-recomender .feed,html:not(div) .article-recommender .feed {
    color: #fff;
    background-color: #000
}

.zen-ui-button-dislike body.Theme_color_light,.zen-ui-button-dislike._theme_white,.zen-ui-button-footer body.Theme_color_light,.zen-ui-button-footer._theme_white,.zen-ui-button-like body.Theme_color_light,.zen-ui-button-like._theme_white,html:not(.document_dark_yes) .zen-ui-button-dislike._theme_portal,html:not(.document_dark_yes) .zen-ui-button-footer._theme_portal,html:not(.document_dark_yes) .zen-ui-button-like._theme_portal {
    color: rgba(200,200,200,.45)
}

.RadioButton-Radio,.Theme_color_light .Checkbox_view_outline,.Theme_color_light .RadioButton_view_default .RadioButton-Radio_checked,.Theme_color_light .Text.Text_color_full,.Theme_color_light .Textinput_view_default .Textinput-Control,.Theme_colour_light .Textarea_view_default .Textarea-Control,.Theme_root_dark .Textarea_size_xl .Textarea-Control,.Theme_root_light .Textarea_size_xl .Textarea-Control,.ui-lib-button-footer__text,.ui-lib-button-footer__text._weight_medium,.ui-lib-button-like__text,.ui-lib-button-like__text._weight_medium,div,html:not(div) .short-social-controls__isDesktop-3Q .short-social-controls__button-Hx svg {
    color: #fff!important
}

.Theme_color_light .Modal_theme_normal.Modal_theme_normal .Modal-Content,.Theme_color_light .RadioButton_view_default .RadioButton-Plate:before,.Theme_color_light .RadioButton_view_default .RadioButton-Plate[hidden]~.RadioButton-Radio_checked:before,.Theme_color_light .Tooltip.Tooltip_view_default .Tooltip-Backdrop:before,.Theme_root_light.Theme_color_light .Textarea_view_default .Textarea-Box,.Theme_root_light.Theme_color_light .Textinput_view_default .Textinput-Box,.news-favorites__input-wrapper:before,.news-favorites__search {
    background-color: #222
}

.ui-lib-card-block-icon-view,html:not(div) .short-social-controls__isDesktop-3Q .short-social-controls__button-Hx svg {
    fill: #fff!important
}

.ui-lib-popup-element._is-white-background .ui-lib-popup-element__tail._side_right,.ui-lib-popup-element._is-white-background .ui-lib-popup-element__tail._side_right._shadow {
    border-left: 11px solid #000
}

.block__block-3c.block__quote-3x {
    border-left: 3px solid #fff
}

div[style="--gradient-h:0turn;--gradient-s:0%;--gradient-l:100%;"] {
    --gradient-l: 0%!important
}

.card-image-compact-view .card-image-compact-view__snippet body.Theme_color_light,.card-image-compact-view .card-image-compact-view__snippet._theme_white,.embed-share__copyButton-2o,html:not(.document_dark_yes) .card-image-compact-view .card-image-compact-view__snippet._theme_portal {
    color: rgba(255,255,255,.8)
}

.card-rtb-label-view__icon._subject {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6.181V5.82c-2.166-.132-3.392-.415-4.409-1.41C6.596 3.392 6.313 2.166 6.181 0H5.82c-.132 2.166-.415 3.392-1.41 4.409C3.392 5.404 2.166 5.687 0 5.819v.362c2.166.132 3.392.415 4.409 1.41.995 1.017 1.278 2.243 1.41 4.409h.362c.132-2.166.415-3.392 1.41-4.409C8.608 6.596 9.834 6.313 12 6.181z' fill='%23fff' fill-opacity='.45'/%3E%3C/svg%3E")
}

.base-button__v2-3Q.base-button__primary-2b.base-button__onMediaContent-2Q {
    color: #fff;
    background-color: rgba(6,6,15,.87)
}

.complain-button__wrapper-1j {
    background: linear-gradient(180deg,rgba(255,255,255,0)0,#222 50%)
}

.Theme_colour_light .Modal_theme_normal.Modal_the...

Reviews

No reviews yet.