Skip to content

Xiaomi Community Dark by igorkhudiakov

Screenshot of Xiaomi Community Dark

Details

Authorigorkhudiakov

LicenseNo License

Categoryuserstyles

Created

Updated

Size55 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

The Dark and Rounded site Xiaomi Community.

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         Xiaomi Community Dark
@version      20230604.20.39
@namespace    userstyles.world/user/igorkhudiakov
@description  The Dark and Rounded site Xiaomi Community.
@author       igorkhudiakov
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://new.c.mi.com/"), url-prefix("https://c.mi.com/") {
/* Небольшие исправления и улучшения. */

body {
	--color-primary: #ff6700;
    --color-primary-blue: #4f78a5;
    --color-primary-light: #d29d79;
    --color-primary-dark: #86512d;
    --color-border: #dcdee2;
    --color-border-light: #e7e7e7;
    --color-title: #ddd;
    --color-content: #999;
    --color-content-light: #fff;
    --color-content-dark: #17233d;
    --color-content-active: #4284f5;
    --color-content-disabled: #999;
    --color-background: #222;
    --color-background-light: #1a1a1a;
    --color-background-grey: #1a1a1a;
    --color-background-lightgrey: #fafafa;
    --color-background-deepgrey: #666;
    --color-background-dark: #ccc;
    --color-background-active: #5485ed;
    --color-disabled: #e7e7e7;
    --color-disabled-dark: #aaa;
    --color-disabled-light: #f5f5f5;
    --color-divider: #333;
    --color-info: #2db7f5;
    --color-success: #19be6b;
    --color-warning: #f90;
    --color-error: #ed4014;
    --color-shadow: #e6e7e8;
    --color-message-bg: rgba(51,51,51,0.04);
    --color-message-hoverbg: rgba(51,51,51,0.02);
    --color-message-unreadtext: #fff;
    --color-message-unreadbg: #fc7b37;
    --color-message-preview: rgba(51,51,51,0.5);
    --color-message-navbg: #fbfbfb;
    --color-icon-grey: #8f8f8f;
    --border-light-color: #666;
}

body * {border-color: #333 !important;}

.pc-medal-aside_wrapper {
    background: rgba(30, 30, 30, .8);
}

rect[role="presentation"] {fill: rgb(0, 0, 0, 0.1) !important;}

p {color: #ccc !important;}
.Forum .contentMain .forumListUl li.forumList .thread-header .boardInfo .board-info-header .boardName {color: #fff;}
.Forum .contentMain .forumSubUl .dropDown, .Forum .contentMain .forumSubUl .dropDown1 {background-color: #2e2e2e;}
.Forum .contentMain .forumSubUl .dropDown:hover, .Forum .contentMain .forumSubUl .dropDown1:hover {background-color: #333;}
.Forum .contentMain .forumSubUl .dropDown b, .Forum .contentMain .forumSubUl .dropDown1 b {color: #ccc;}
.Forum .contentMain .forumSubUl .dropDown .commentcnt-icon-down polyline, .Forum .contentMain .forumSubUl .dropDown1 .commentcnt-icon-up polyline {stroke: #fff;}
.AsideFeatured h3, .ForumTabChange ul.tabHeight li.active {color: #ccc;}
.pc-romlist-listitem .pc-rom-listitem_block {border: 5px solid transparent !important; border-radius: 10px;
     box-shadow: inset 0 0 0 1px #333;}
.pc-romlist-listitem .pc-rom-phone_name {border-color: #666;}

.pc-medal-aside_wrapper .pc-medal-aside_header>h5, .pc-medal-aside_wrapper .pc-medal-aside_header { color: #ccc !important;}
.pc-profile-content .pc-commonpost-entry {border: none;}
.pc-commonpost-entry.poll>.post-body>.cover, .pc-commonpost-entry.richtext>.cover {border-radius: 5px; box-shadow: 0 0 10px #111;}
.HeaderPc {background-color: rgba(50, 50, 50, 0.8); backdrop-filter: blur(8px);}
.TopFixedBar, .TopFixedBar .pc-header_wrapper {background: none;}
a, a:active {color: #ccc !important;}
a:hover {color: #eee !important;}
.TopFixedBar .pc-header_wrapper .pc-header-left_wrapper .pc-header-left_title {color: #ccc;}
.home-banner-carousel_container>.swiper-container .swiper-item-div {border-radius: 10px;}
.home-banner-carousel_container>.side-recommend-post_container .recommend-post_box {border-radius: 8px;}
.pc-home-calendar, aside .xmbox-container:nth-child(2) {background-color: #222; box-shadow: 0 4px 20px 0 rgb(0 0 0 / 30%)}
.pc-home-calendar .react-calendar__month-view__weekdays__weekday>abbr, .pc-home-calendar .react-calendar__navigation__label, .pc-home-aside-checkin_box .pc-home-chekin_status {color: #ccc;}
.download-app {background: #222; border-radius: 5px;}
aside .xmbox-container:nth-child(2) {border-radius: 3px;}
aside h3 {color: #ccc;}
.download-app .download-app-link {background-color: #333;}
.download-app_top .download_img {border-radius: 3px;}
.Forum .contentMain {background: #222;}
.Forum .contentMain .forumSubUl {background-color: #1f1f1f}
.Forum .contentMain .forumListUl li.forumList {border-color: #1e1e1e !important;}
.thread-img-content .thread-img-item {border-radius: 5px;}
.AsideFeatured {background: #222;}
.reply-cnt-stats {color: #ccc !important;}
.thread-content.ql-editor, .delete-modal-container .modal-main .modal-main_message {color: #ccc;}

.pc-devicedetail-container, .pc-miuidownload-sidetab_wrapper, .pc-flashingguide-container {background: none;}
.pc-miuidownload-devicedetail_wrapper .rom-box > h5, .pc-fashingguide-contentitem .guide-block > h4, .pc-fashingguide-contentitem .guide-block > h5 {color: #ccc;}
.pc-miuidownload-sidetab_item.active {background-color: #333;}
.pc-miuidownload-devicedetail_wrapper .rom-box .flashing-guide-btn {background: #333;}
.pc-devicedetail-container, .pc-flashingguide-container {border-radius: 10px;}
.pc-miuidownload-devicedetail_wrapper {border-radius: 0 10px 10px 0;}
.pc-miuidownload-sidetab_wrapper, .pc-miuidownload-sidetab_item:last-child {border-radius: 0 0 5px 0;}

.pc-devicelist-top .pc-devicelist-top_selector .pc-devicelist-top_modelselect {margin-right: 5px;}
.pc-devicelist-top .pc-devicelist-top_selector .pc-devicelist-top_modelselect > div {border-radius: 5px;}

.ForumTabChange ul.tabHeight li.active {border-bottom: 4px solid #ff6900 !important;}

a[href="/ru/forum-sub/331129"] img, a[href="/ru/forum-sub/10111"] img, a[href="/ru/forum-sub/10171"] img, a[href="/ru/forum-sub/10185"] img, a[href="/ru/forum-sub/10190"] img, a[href="/ru/forum-sub/10203"] img, a[href="/ru/forum-sub/10121"] img, a[href="/ru/forum-sub/10116"] img, a[href="/ru/forum-sub/10117"] img, a[href="/ru/forum-sub/10178"] img, a[href="/ru/forum-sub/10165"] img, a[href="/ru/forum-sub/10153"] img, a[href="/ru/forum-sub/10135"] img, a[href="/ru/forum-sub/10148"] img, a[href="/ru/forum-sub/10191"] img, a[href="/ru/forum-sub/10130"] img, a[href="/ru/forum-sub/10179"] img, a[href="/ru/forum-sub/10674"] img, a[href="/ru/forum-sub/10587"] img, a[href="/ru/forum-sub/10708"] img, a[href="/ru/forum-sub/10816"] img, a[href="/ru/forum-sub/10592"] img, a[href="/ru/forum-sub/10123"] img, a[href="/ru/forum-sub/10114"] img, a[href="/ru/forum-sub/10106"] img, a[href="/ru/forum-sub/10122"] img, a[href="/ru/forum-sub/10162"] img, a[href="/ru/forum-sub/10115"] img, a[href="/ru/forum-sub/10172"] img, a[href="/ru/forum-sub/10118"] img, a[href="/ru/forum-sub/10183"] img, a[href="/ru/forum-sub/10180"] img, a[href="/ru/forum-sub/10188"] img, a[href="/ru/forum-sub/10166"] img, a[href="/ru/forum-sub/10142"] img { filter: invert(1) hue-rotate(180deg) contrast(.7); }

main.full > div:nth-child(1) {color: #fff !important;}
.editor-type-tabs .tab-radio-item.cur {background: none;}
.editor-type-tabs .tab-radio-item.cur:first-child {border-radius: 5px 0 0 0;}
.editor-type-tabs .tab-radio-item.cur:last-child {border-radius: 0 5px 0 0;}
.thread-editor-container div {border-radius: 5px;}
.thread-editor-container .thread-editor-top div, .thread-editor-container .thread-editor-top input {background-color: #222 !important; color: #ccc !important;}
.thread-editor-container .thread-editor-top input::placeholder, .thread-editor-container .thread-editor-top .title-num, .thread-editor .ql-editor.ql-blank:before {color: #aaa !important;}
.thread-editor .ql-snow.ql-toolbar {background-color: #222;}
.thread-editor .ql-snow.ql-toolbar path {fill: #ccc;}
.thread-editor .ql-snow.ql-toolbar line {stroke: #ccc;}
.thread-editor .ql-snow.ql-toolbar button:hover {background-color: #333; border-radius: 2px;}
.thread-editor .ql-snow.ql-toolbar button:hover path {fill: #fff !important;}
.thread-editor-bottom > div > div > div > div {background-color: #222 !important; border-color: #666 !important;}
.css-1ymxnq2-menu > div > div {background-color: #222; color: #ccc;}
.css-1ymxnq2-menu > div > div:hover {background-color: #2a2a2a; color: #fff}

.ant-modal-content {background-color: #222; border-radius: 10px; color: #ccc;}
.ant-modal-header {background: #333;  border-radius: 10px; box-shadow: none; border: none;}
.ant-modal-title {color: white;}
.anticon.anticon-close.ant-modal-close-icon svg {fill: #ccc;}
.anticon.anticon-close.ant-modal-close-icon svg:hover {fill: #fff;}
.ant-modal-footer {border-color: #333;}
.ant-modal-footer .ant-btn {background: none; border-color: #333; color: #ccc;}
.ant-modal-footer .ant-btn:hover {border-color: #5485ed; color: #fff;}
.ant-modal-footer .ant-btn-primary {background: #5485ed; border-color: #333; color: #fff; border: 3px;}
.ant-modal-footer .ant-btn-primary:hover {background: #6495fd;}
.author-container .author-action-btn .follow-btn.active:hover {color: white;}

.popup-content.Popup-content {background-color: #333 !important;}
.popup-content.Popup-content > div {background: transparent !important; color: #ccc;}
.popup-content.Popup-content .continent-name {color: white;}
.popup-content.Popup-content {box-shadow: 0 0 5px #111 !important;}
.popup-content {background-color: #333 !important;}
.pc-header-right_wrapper .country-select-listitem>a:hover:after {display: block; position: absolute; background: #ccc; left: -8px; bottom: 4px; content: ''; width: 2px; height: calc(100% - 8px); border-radius: 1px;}
.pc-header-right_wrapper .country-select .continent-box {border-color: #222 !important;}
.pc-dropdown-menubtn:nth-child(n+2) path {fill: #666;}
.pc-dropdown-menubtn:nth-child(n+2):hover {background: #2a2a2a !important;}
.pc-dropdown-menubtn:nth-child(n+2):hover {color: #ccc;}
.pc-dropdown-menubtn:nth-child(n+2):hover path {fill: #ccc;}
.pc-dropdown-menu {background: none !important;}
/* .micomm-infinite-scroll-indicator rect {fill: #111 !important;} */
.Zero {background-color: #222;}

#版块页-2560空状态 > rect {fill: #1a1a1a;}

.message-entry .content .content-img-thumb {border-radius: 5px; max-height: fi...

Reviews

No reviews yet.