@import 'application'; /* Made by Kpmitarai @kpm from cmx.im */ /* Version 2.0 */ /* Sogo Osaka love */ html { scrollbar-face-color: #313543; scrollbar-track-color: rgba(0, 0, 0, 0.1); } /* -----整体背景----- */ .ui { background: #72607C; } /* -----按钮颜色----- */ .icon-button.active { color: #705480; } .icon-button { color: #69428f; background: transparent; } .icon-button:hover { color: #9C77C2; } .icon-button:active, .icon-button:focus { color: #705480; } .icon-button.disabled { color: #705480; cursor: default; } .icon-button.inverted { color: #69428f; } .icon-button.inverted:hover { color: #9C77C2; } .icon-button.inverted:active, .icon-button.inverted:focus { color: #705480; } .icon-button.inverted.disabled { color: #707b97; } .icon-button.inverted.active { color: #705480; } .icon-button.inverted.active.disabled { color: #705480; } .icon-button.overlayed { background: rgba(0, 0, 0, 0.6); color: #69428f; } .icon-button.overlayed:hover { background: rgba(0, 0, 0, 0.9); color: #694E78; } .text-icon-button { color: #69428f; background: transparent; } .text-icon-button:hover { color: #9C77C2; } .text-icon-button:active, .text-icon-button:focus { color: #705480; } .text-icon-button.disabled { color: #979eb3; } .text-icon-button.active { color: #705480; } .star-icon.active { color: #705480; } /* -------發文按鈕------- */ .button { background-color: #69428f; color: #ffffff; } .button:active, .button:focus, .button:hover { background-color: #9C77C2; } .reply-indicator { background: #F0E3FD; } .reply-indicator__display-name { color: #9C77C2; } .status__content, .reply-indicator__content { color: #ffffff; } .status__content a:hover .fa, .reply-indicator__content a:hover .fa { color: #694E78; } .status__content a .fa, .reply-indicator__content a .fa { color: #705480; } .status__content .status__content__spoiler-link, .reply-indicator__content .status__content__spoiler-link { color: rgba(255, 255, 255, 0.9); background: #9C77C2; } .status__content .status__content__spoiler-link:hover, .reply-indicator__content .status__content__spoiler-link:hover { background: #69428f; text-decoration: none; } /* -------隱私設置------- */ .privacy-dropdown__dropdown { background: #ffffff; } .privacy-dropdown__option { color: #69428f; } .privacy-dropdown__option:hover, .privacy-dropdown__option.active { background: #F7EFFF; color: #705480; } .privacy-dropdown__option:hover .privacy-dropdown__option__content, .privacy-dropdown__option.active .privacy-dropdown__option__content { color: #694E78; } .privacy-dropdown__option:hover .privacy-dropdown__option__content strong, .privacy-dropdown__option.active .privacy-dropdown__option__content strong { color: #705480; } .privacy-dropdown__option.active:hover { background: #F7EFFF; } .privacy-dropdown__option__content { color: #69428f; } .privacy-dropdown__option__content strong { color: #694E78; } .privacy-dropdown.active .privacy-dropdown__value { background: #ffffff; } .privacy-dropdown.active .privacy-dropdown__value.active { background: transparent; } .privacy-dropdown.active .privacy-dropdown__value.active .icon-button { color: #705480; } /* ---------First Column--------- */ .drawer__tab { background-color: #F7EFFF; color: #966DAD; border-bottom: 2px solid transparent; } .drawer__tab:first-child { border-radius: 4px 0 0 4px; } .drawer__tab:last-child { border-radius: 0 4px 4px 0; } drawer__header { color: inherit; } .drawer__inner { background: #F7EFFF; border-radius: 0 0 4px 4px; } .drawer__inner__mastodon { background: #FBF6FF url('data:image/svg+xml;utf8,') no-repeat bottom/100% auto; } .drawer__inner.darker { background:#FBF6FF; } .drawer__pager { border-radius: 4px } .drawer__header { background: none; } .drawer__header a:hover { background: #EFDFFF; color:#69428f; } /* -------搜索欄-------- */ .search__input { background: #DFC9F2; color: #694E78; border-radius: 4px; } .search__input:focus { background: #FBF6FF; } .search__icon .fa { color: #69428f; } .search__icon .fa-times-circle { color: #69428f; } .search__icon .fa-times-circle:hover { color: #9C77C2; } .search-popout { background: #ffffff; color: #9BAEC8; -webkit-box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4); box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4); } .search-popout h4 { color: #694E78; } .search-popout em { color: #966DAD; } /* -------搜索結果-------- */ .trends__item { border-bottom: 1px solid rgba(112, 84, 128, .5); } .trends__item__name, .trends__item__name a, .trends__item__current { color: #705480; } .trends__item__sparkline path { stroke: #705480 !important; } .search-results__header { color: #694E78; background: #FBF6FF; } .search-results__section h5 { background: #F7EFFF; color: #69428f; box-shadow: inset 0px 4px 15px -7px #69428f; border-bottom: 1px solid rgba(112, 84, 128, .5) !important; } .search-results__section h5 .fa { color: #9C77C2; } .search-results__hashtag { color: #69428f; } .search-results__hashtag:hover, .search-results__hashtag:active, .search-results__hashtag:focus { color: #9C77C2; } .search-results__section .account:last-child, .search-results__section > div:last-child .status { border-bottom: none !important; } .status { border-bottom: 1px solid rgba(112, 84, 128, .5) !important; } /* -------嘟文編輯------- */ .navigation-bar { color:#69428f !important; background: #FBF6FF; } .navigation-bar strong { color: #705480; } .compose-form .compose-form__warning { color: #694E78; background: #F7EFFF; } .compose-form .compose-form__warning strong { color: #282c37; } .compose-form .compose-form__warning a { color: #69428f; } .compose-form .autosuggest-textarea__textarea, .compose-form .spoiler-input__input { color: #694E78; background: #ffffff; } .compose-form .autosuggest-textarea__suggestions { background: #FBF6FF; color: #694E78; } .compose-form .autosuggest-textarea__suggestions__item:hover, .compose-form .autosuggest-textarea__suggestions__item:focus, .compose-form .autosuggest-textarea__suggestions__item:active, .compose-form .autosuggest-textarea__suggestions__item.selected { background: #F0E3FD; } .compose-form .autosuggest-account .display-name__account { color: #9C77C2; } .compose-form .compose-form__modifiers { color: #705480; background: #ffffff; } .compose-form .compose-form__modifiers .compose-form__upload__actions { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.8)), color-stop(80%, rgba(0, 0, 0, 0.35)), to(transparent)); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent); } .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button { color: #d9e1e8; } .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover, .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus, .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active { color: #eff3f5; } .compose-form .compose-form__modifiers .compose-form__upload-description { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.8)), color-stop(80%, rgba(0, 0, 0, 0.35)), to(transparent)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent); } .compose-form .compose-form__modifiers .compose-form__upload-description input { background: transparent; color: #d9e1e8; } .compose-form .compose-form__modifiers .compose-form__upload-description input:focus { color: #ffffff; } .compose-form .compose-form__modifiers .compose-form__upload-description input::-webkit-input-placeholder { color: #d9e1e8; } .compose-form .compose-form__modifiers .compose-form__upload-description input:-ms-input-placeholder { color: #d9e1e8; } .compose-form .compose-form__modifiers .compose-form__upload-description input::-ms-input-placeholder { color: #d9e1e8; } .compose-form .compose-form__modifiers .compose-form__upload-description input::placeholder { color: #d9e1e8; } .compose-form .compose-form__buttons-wrapper { background: #F7EFFF; } .compose-form .compose-form__buttons-wrapper .character-counter__wrapper .character-counter { color: #69428f; } .compose-form .compose-form__buttons-wrapper .character-counter__wrapper .character-counter.character-counter--over { color: #ff5050; } /* -------emoji選擇------- */ .emoji-mart { color: #694E78; } .emoji-mart-bar { border: none; } .emoji-mart-bar:first-child { background: #FBF6FF; } .emoji-mart-anchors { color: #69428f; } .emoji-mart-anchor:hover { color: #705480; } .emoji-mart-anchor-selected { color: #705480; } .emoji-mart-anchor-selected:hover { color: #705480; } .emoji-mart-anchor-bar { background-color: #705480; } .emoji-mart-anchors svg { fill: currentColor; } .emoji-mart-scroll { background: #ffffff; } .emoji-mart-scroll::-webkit-scrollbar-track:hover, .emoji-mart-scroll::-webkit-scrollbar-track:active { background-color: #F0E3FD; } .emoji-mart-search { background: #ffffff; } .emoji-mart-search input { background: rgba(217, 225, 232, 0.3); color: #69428f; border: 1px solid #9C77C2; } .emoji-mart-category .emoji-mart-emoji:hover::before { background-color: rgba(217, 225, 232, 0.7); } .emoji-mart-category-label span { background: #ffffff; } .emoji-mart-no-results { color: #69428f; } /* -------下拉菜單------- */ .dropdown-menu__separator { border-bottom: 1px solid rgba(112, 84, 128, .5); } .dropdown-menu { background: #F7EFFF; -webkit-box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4); box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4); } .dropdown-menu__arrow { border: 0 solid #F7EFFF; } .dropdown-menu__arrow.left { border-left-color: #F7EFFF; } .dropdown-menu__arrow.top { border-top-color: #F7EFFF; } .dropdown-menu__arrow.bottom { border-bottom-color: #F7EFFF; } .dropdown-menu__arrow.right { border-right-color: #F7EFFF; } .dropdown-menu__item a { background: #F7EFFF; color: #694E78; } .dropdown-menu__item a:focus, .dropdown-menu__item a:hover, .dropdown-menu__item a:active { background: #69428f; color: #FFFFFF; } .dropdown--active .dropdown__content > ul { background: #d9e1e8; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); } .dropdown--active .dropdown__content > ul > li > a { background: #F7EFFF; color: #694E78; } .dropdown--active .dropdown__content > ul > li > a:hover { background: #69428f; color: #FFFFFF; } /* ----------scrollbar---------- */ ::-webkit-scrollbar-thumb { background: #9C77C2; border-radius: 15px; } ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active, ::-webkit-scrollbar-track:active { background: #69428f; } ::-webkit-scrollbar-track, ::-webkit-scrollbar-track:hover { background: #F0E3FD; border: 0px none #ffffff; border-radius: 0 0 4px 0; } ::-webkit-scrollbar-corner { background: transparent; } /* ----------Main Page---------- */ .column-header, .column-back-button, .column-header > button, .column-header__collapsible-inner { border-radius: 4px 4px 0 0 !important; } .column-header, .column-header__button, .column-header__button.active { color: #705480; background: #DFC9F2; box-shadow: 0 1px rgba(125, 33, 189, .23); } .column-header__button.active:hover { color: #f7efff; background: #DFC9F2; } .column-header__wrapper.active::before { background: radial-gradient(ellipse, rgba(125, 33, 189, .23) 0%, rgba(125, 33, 189, 0) 60%); } .column-header > button { background: transparent; } .column-header > .column-header__back-button { color: #705480; } .column-header.active { -webkit-box-shadow: 0 1px 0 rgba(125, 33, 189, .23); box-shadow: 0 1px 0 rgba(125, 33, 189, .23); } .column-header.active .column-header__icon { text-shadow:0 0 10px rgba(125, 33, 189, .23); color: #9C77C2; } .column-header__button:hover { color: #9c77c2; } .column-header__collapsible { color: #705480; } .column-header__collapsible hr { background: transparent; border-top: 1px solid #42485a; } .column-header__collapsible-inner { background: #F7EFFF; } .column-header__setting-btn:hover { color: #9C77C2; } .column > .scrollable { background: #FCF8FF; border-radius: 0 0 4px 4px } .status__content, .reply-indicator__content { color: #705480; } .status__content a { color: #69428f; } .reply-indicator__content a { color: #FFF; } .status__display-name strong, .account__display-name strong { color: #705480; } .status__content__read-more-button { color: #69428f; background: transparent; } .status__content__spoiler-link { background: transparent; color: #FFF; } .status__wrapper--filtered { color: #606984; border-bottom: 1px solid #393f4f; } .logo-container h1 a { background-image: url("data:image/svg+xml;utf8,"); width: auto; height: 42px; background-repeat: no-repeat; background-position:40% 50%; object-fit:none; color: #ffffff; } .logo-container h1 img { opacity: 0; } .account-header .name { color: #d9e1e8; } /* ----------User Page---------- */ @media screen and (max-width: 600px) { .public-layout .public-account-header__bar { background: #F7EFFF; } } .public-layout .public-account-header__tabs__name h1 { color: #ffffff; text-shadow: 1px 1px 1px #694e78; } .public-layout .public-account-header__tabs__name h1 small { color: #ffffff; } @media screen and (max-width: 600px) { .public-layout .public-account-header__tabs__name h1 small { color: #fff; } } @media screen and (max-width: 415px) { .public-layout .card-grid { border-top: 1px solid rgba(125, 33, 189, .23); } .public-layout .card-grid > div { border-bottom: 1px solid rgba(125, 33, 189, .23); } .public-layout .card-grid > div .card__bar { background: #69428f; } .public-layout .card-grid > div .card__bar:hover, .public-layout .card-grid > div .card__bar:active, .public-layout .card-grid > div .card__bar:focus { background: #9C77C2; } } .public-layout .public-account-header__bar::before { background: #F7EFFF; border-radius: 0 0 4px 4px !important; } .public-layout .header { background: #69428f; box-shadow: 0 0 15px rgba(125, 33, 189, .23); } .public-layout .header .brand:hover, .public-layout .header .brand:focus, .public-layout .header .brand:active { background: #9C77C2; } .public-layout .header .nav-link { color: #69428f; } .public-layout .header .nav-link:hover, .public-layout .header .nav-link:focus, .public-layout .header .nav-link:active { color: #705480; } .public-layout .header .nav-link.optional { color: #FFF; } .public-layout .header .nav-button { background: #FBF6FF; } .public-layout .header .nav-button:hover, .public-layout .header .nav-button:focus, .public-layout .header .nav-button:active { background: #F7EFFF; } .public-layout .public-account-header { border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 0 0 13px 1px rgba(125, 33, 189, .23); box-shadow: 0 0 13px 1px rgba(125, 33, 189, .23); } .public-layout .public-account-header.inactive .logo-button { background-color: #d9e1e8; } .public-layout .public-account-header.inactive .logo-button svg path:last-child { fill: #d9e1e8; } .public-layout .public-account-header__image { background: #F7EFFF; } .public-layout .public-account-header__image::after { -webkit-box-shadow: inset 0 0 2px 0.5px rgba(125, 33, 189, .23); box-shadow: inset 0 0 2px 0.5px rgba(125, 33, 189, .23); z-index: 0; } .public-layout .public-account-header__tabs__tabs .counter { color: #705480; border-right: 1px solid rgba(125, 33, 189, .23); } .public-layout .public-account-header__tabs__tabs .counter::after { border-bottom: 4px solid #69428f; } .public-layout .public-account-header__tabs__tabs .counter.active::after { border-bottom: 4px solid #9C77C2; } .public-layout .public-account-header__tabs__tabs .counter.active.inactive::after { border-bottom-color: #d9e1e8; } .public-layout .public-account-header__tabs__tabs .counter .counter-number { color: #69428f; } .public-layout .public-account-header__extra .public-account-bio { background: transparent; } .public-layout .public-account-header__extra .public-account-bio .account__header__fields { border-top: 1px solid rgba(112, 84, 128, .5); } .public-layout .public-account-header__extra__links { color: #9baec8; } .public-layout .public-account-header__extra__links a { color: #694E78; } .public-layout .public-account-header__extra__links a strong { color: #69428f; } /* ------User Page Avatar------ */ .public-layout .public-account-header__bar .avatar { display: block; width: 125px; height: 125px; padding-left: 16px; } .public-layout .public-account-header__bar .avatar img { display: block; width: 100%; height: 100%; margin: 0; border-radius: 50%; border: 0.25px solid #69428f; background: transparent; } /* ------User Page Avatar End------ */ /* ------User Page Self Intro------ */ .account__header__fields { border-top: 1px solid rgba(112, 84, 128, .5); border-bottom: 1px solid rgba(112, 84, 128, .5); } .account__header__fields dl { border-bottom: 1px solid rgba(112, 84, 128, .5); } .account__header__fields dt { color: #705480; background: #F0E3FD; } .account__header__fields dd { color: #705480; background: #F7EFFF; } .account__header__fields a { color: #69428f; } .account__header__fields a:hover { color: #F7EFFF; } .account__header__fields .verified { border: 1px solid rgba(121, 189, 154, 0.2); background: rgba(121, 189, 154, 0.25); } .account__header__fields .verified a { color: #79bd9a; } .account__header__fields .verified__mark { color: #79bd9a; } .public-layout .public-account-bio { background: #FBF6FF; -webkit-box-shadow: 0 0 5px rgba(125, 33, 189, .23); box-shadow: 0 0 5px rgba(125, 33, 189, .23); } .public-layout .public-account-bio .account__header__fields a { color: #69428f; } .public-layout .public-account-bio .account__header__fields .verified a { color: #79bd9a; } .public-layout .public-account-bio .account__header__content { color: #694E78; } .public-layout .public-account-bio__extra, .public-layout .public-account-bio .roles { color: #69428f; } .public-layout .static-icon-button { color: #606984; } /* ------User Page Self Intro End------ */ /* ------User Page Toots------ */ .account-gallery__item a { background-color: #000000; color: #9baec8; } .account-gallery__item a:hover, .account-gallery__item a:active, .account-gallery__item a:focus { color: #d9e1e8; } .account-gallery__item a:hover::before, .account-gallery__item a:active::before, .account-gallery__item a:focus::before { background: rgba(0, 0, 0, 0.3); } .account__section-headline { -webkit-box-shadow: 0 0 2px 0.5px rgba(125, 33, 189, .23); box-shadow: 0 0 2px 0.5px rgba(125, 33, 189, .23); background: #F7EFFF; border-bottom: 1px solid rgba(112, 84, 128, .3); } .account__section-headline a { color: #69428f; } .account__section-headline a:hover { color: #694E78; } .account__section-headline a.active { color: #694E78; } .account__section-headline a.active::before, .account__section-headline a.active::after { border-color: transparent transparent #69428f; } .activity-stream { -webkit-box-shadow: 0 0 13px rgba(125, 33, 189, .23); box-shadow: 0 0 13px rgba(125, 33, 189, .23); } .activity-stream .entry { background: #FBF6FF; } .activity-stream--highlighted .entry { background: #393f4f; } .status-card { border: 1px solid rgba(112, 84, 128, .2); color: #69428f; } .status-card__actions > div { background: rgba(0, 0, 0, 0.38); } .status-card__actions button, .status-card__actions a { color: #FFF; background: transparent; } a.status-card:hover { background: #F7EFFF; } .status-card__title { color: #705480; } .status-card__description { color: #69428f; } .status-card__image { background: #F0E3FD; } .status-card.compact { border-color: rgba(112, 84, 128, .2); } a.status-card.compact:hover { background-color: #F7EFFF; } .load-more { color: #69428f; background-color: transparent; } .load-more:hover { background: #F7EFFF; } .load-gap { border-bottom: 1px solid rgba(112, 84, 128, .5); } /* ------User Page Footer------ */ .public-layout .footer { color: #69428f; } .public-layout .footer .grid .column-2 h4 a { color: #9c77c2; } .public-layout .footer h4 { color: #9C77C2; } .public-layout .footer h4 a { color: inherit; } .public-layout .footer ul a { color: #69428f; } .public-layout .footer ul a:hover { color: #9C77C2; } .public-layout .footer .brand svg path { fill: #69428f; } .public-layout .footer .brand:hover svg path, .public-layout .footer .brand:focus svg path, .public-layout .footer .brand:active svg path { fill: #9C77C2; } .compact-header h1 { color: #9baec8; } .compact-header h1 a { color: inherit; } .compact-header h1 small { color: #d9e1e8; } .hero-widget { border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(125, 33, 189, .23); box-shadow: 0 0 5px rgba(125, 33, 189, .23); } .hero-widget__img { background: transparent; } .hero-widget__text { background: #FBF6FF; color: #705480; } .hero-widget__text em { background: transparent; color: #69428f; } .hero-widget__text a { color: #69428f; } .hero-widget__text a:hover { color: #9C77C2; } .endorsements-widget h4 { color: #9baec8; } .box-widget, .contact-widget, .landing-page__information.contact-widget { background: #282c37; -webkit-box-shadow: 0 0 13px rgba(125, 33, 189, .23); box-shadow: 0 0 13px rgba(125, 33, 189, .23); } .contact-widget { color: #9baec8; } .contact-widget__mail a { color: #69428f; } .moved-account-widget { background: #282c37; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); color: #d9e1e8; } .moved-account-widget a { color: inherit; } .moved-account-widget__message .fa { color: #9baec8; } .memoriam-widget { background: #000000; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); color: #9baec8; } .flash-message { background: #393f4f; color: #9baec8; } .flash-message.notice { border: 1px solid rgba(121, 189, 154, 0.5); background: rgba(121, 189, 154, 0.25); color: #79bd9a; } .flash-message.alert { border: 1px solid rgba(223, 64, 90, 0.5); background: rgba(223, 64, 90, 0.25); color: #df405a; } .flash-message .oauth-code { background: #282c37; color: #ffffff; } .flash-message .oauth-code:focus { background: #313543; } .form-footer a { color: #69428f; } .form-footer a:hover { color: #694E78; } .oauth-prompt, .follow-prompt { color: #9baec8; } .oauth-prompt strong, .follow-prompt strong { color: #d9e1e8; } .qr-code { background: #ffffff; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .qr-alternative { color: #d9e1e8; } .simple_form .warning, .table-form .warning { background: rgba(223, 64, 90, 0.5); color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); } .simple_form .warning a, .table-form .warning a { color: #ffffff; } .post-follow-actions { color: #9baec8; } .alternative-login h4 { color: #ffffff; } .scope-danger { color: #ff5050; } .pagination a, .pagination .current, .pagination .newer, .pagination .older, .pagination .page, .pagination .gap { color: #ffffff; } .pagination .current { background: #ffffff; color: #705480; } .pagination .older, .pagination .newer { color: #69428f; } .pagination .disabled { color: #705480; } .nothing-here { background: #282c37; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); color: #9baec8; } .nothing-here--under-tabs { border-radius: 0 0 4px 4px; } .account-role { color: #fff; background-color: rgba(217, 225, 232, 0.2); border: 1px solid rgba(217, 225, 232, 0.6); } .account-role.moderator { color: #79bd9a; background-color: rgba(121, 189, 154, 0.1); border-color: rgba(121, 189, 154, 0.5); } .account-role.admin { color: #e87487; background-color: rgba(232, 116, 135, 0.1); border-color: rgba(232, 116, 135, 0.5); } .button.logo-button { background: #69428f; color: #ffffff; } .button.logo-button svg path:first-child { fill: #ffffff; } .button.logo-button svg path:last-child { fill: #2b90d9; } .button.logo-button:active, .button.logo-button:focus { background: #705480; } .button.logo-button:hover { background: #9C77C2; } .button.logo-button:active svg path:last-child, .button.logo-button:focus svg path:last-child, .button.logo-button:hover svg path:last-child { fill: #56a7e1; } .button.logo-button.button--destructive:active, .button.logo-button.button--destructive:focus, .button.logo-button.button--destructive:hover { background: #df405a; } .button.logo-button.button--destructive:active svg path:last-child, .button.logo-button.button--destructive:focus svg path:last-child, .button.logo-button.button--destructive:hover svg path:last-child { fill: #df405a; } button.icon-button i.fa-retweet { background-image: url("data:image/svg+xml;utf8,"); } button.icon-button i.fa-retweet:hover { background-image: url("data:image/svg+xml;utf8,"); } button.icon-button.disabled i.fa-retweet { background-image: url("data:image/svg+xml;utf8,"); } .button--destructive:active, .button--destructive:focus, .button--destructive:hover { background-color: #df405a; } .button:disabled { background-color: #705480; } .button.button-alternative { color: #fff; background: #69428f; } .button.button-alternative:active, .button.button-alternative:focus, .button.button-alternative:hover { background-color: #9c77c2; } .button.button-alternative-2 { background: #9C77C2; } .button.button-alternative-2:active, .button.button-alternative-2:focus, .button.button-alternative-2:hover { background-color: #69428f; } .button.button-secondary { color: #9baec8; background: transparent; border: 1px solid #9baec8; } .button.button-secondary:active, .button.button-secondary:focus, .button.button-secondary:hover { border-color: #a8b9cf; color: #a8b9cf; } /* ----------Tooooooooots---------- */ .focusable:focus { background: #F7EFFF; } .focusable:focus .status.status-direct { background: #F7EFFF; } .focusable:focus .status.status-direct.muted { background: transparent; } .focusable:focus .detailed-status, .focusable:focus .detailed-status__action-bar { background: #F7EFFF; } .status { border-bottom: 1px solid #393f4f; } .status.status-direct:not(.read) { background:#F7EFFF; border-bottom-color: #42485a; } .status.light .status__relative-time { color: #69428f; } .status.light .status__display-name { color: #705480; } .status.light .display-name strong { color: #705480; } .status.light .display-name span { color: #9baec8; } .status.light .status__content { color: #694E78; } .status.light .status__content a { color: #69428f; } .status.light .status__content a.status__content__spoiler-link { color: #ffffff; background: #9baec8; } .status.light .status__content a.status__content__spoiler-link:hover { background: #b5c3d6; } .notification-favourite .status.status-direct { background: transparent; } .notification-favourite .status.status-direct .icon-button.disabled { color: #705480; } .notification__filter-bar { background: #F7EFFF; border-bottom: 1px solid rgba(112, 84, 128, .5) } .notification__filter-bar button { background: #F7EFFF; color: #69428f; } .notification__filter-bar button:hover { color: #9C77C2; } .notification__filter-bar button.active { color: #705480; } .account__section-headline a.active:after, .account__section-headline a.active:before, .account__section-headline button.active:after, .account__section-headline button.active:before, .notification__filter-bar a.active:after, .notification__filter-bar a.active:before, .notification__filter-bar button.active:after, .notification__filter-bar button.active:before { border-color:transparent transparent #69428f; } .status__relative-time { color: #694E78; } .status__display-name { color: #606984; } .status-check-box { border-bottom: 1px solid #d9e1e8; } .status__prepend { color: #705480; } .status__prepend .status__display-name strong { color: #705480; } .status__action-bar__counter__label { color: #69428f; } .detailed-status { background: #F7EFFF; } .detailed-status__meta { color: #69428f; } .detailed-status__action-bar { background: #F7EFFF; border-top: 1px solid rgba(112, 84, 128, .5); border-bottom: 1px solid rgba(112, 84, 128, .5); } .reply-indicator__content a { color: #69428f; } .domain { border-bottom: 1px solid rgba(112, 84, 128, .5); } .domain .domain__domain-name { color: #ffffff; } .account__disclaimer { border-top: 1px solid rgba(112, 84, 128, .5); color: #69428f; } .account__header__content { color: #9baec8; } .account__header__content a { color: #69428f; } .account__action-bar { border-top: 1px solid rgba(112, 84, 128, .5); border-bottom: 1px solid rgba(112, 84, 128, .5); } .account__action-bar__tab { border-right: 1px solid rgba(112, 84, 128, .5); border-bottom: 4px solid transparent; } .account__action-bar__tab.active { border-bottom: 4px solid #69428f; } .account__action-bar__tab > span { color: #694E78; } .account__action-bar__tab strong { color: #69428f; } .account__header__avatar { background-size: 90px 90px; display: block; height: 90px; margin: 0 auto 10px; overflow: hidden; width: 90px; } .detailed-status__display-name { color: #694E78; } .detailed-status__display-name strong { color: #705480; } .muted .status__content p, .muted .status__content a { color: #9BAEC8; } .muted .status__display-name strong { color: #606984; } .muted a.status__content__spoiler-link { background: #9BAEC8; color: #282c37; } .muted a.status__content__spoiler-link:hover { background: #707b97; } .notification__message .fa { color: #705480; } .notification__favourite-icon-wrapper .star-icon { color: #705480; } .notification__display-name { color: inherit; } .notification__display-name:hover { color: #69428f; } .navigation-bar { color: #FBF6FF; border-radius: 4px 4px 0 0; } .navigation-bar a { color: inherit; } .tabs-bar { background: #F7EFFF; } .tabs-bar__link { color: #966DAD; border-bottom: 2px solid rgba(112, 84, 128, .5); } .tabs-bar__link.active { border-bottom: 2px solid rgba(112, 84, 128, .5); color: #69428f; } @media screen and (min-width: 631px) { .tabs-bar__link:hover, .tabs-bar__link:focus, .tabs-bar__link:active { background: #464d60; } } .column-back-button { background: #DFC9F2; color: #705480; } .column-back-button:hover { color: #FAFAFA; } .column-header__back-button { background: #DFC9F2; color: #705480; } .react-toggle { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } .react-toggle-track { background-color: #705480; } .react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track { background-color: #9C77C2; } .react-toggle--checked .react-toggle-track { background-color: #69428f; } .react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track { background-color: #9C77C2; } .react-toggle-thumb { border: 1px solid #9C77C2; background-color: #fafafa; } .react-toggle--checked .react-toggle-thumb { border-color: #69428f; } .keyboard-shortcuts kbd { background-color: #F7EFFF; border: 1px solid rgba(112, 84, 128, .1); } .setting-text { color: #69428f; background: transparent; border-bottom: 2px solid rgba(112, 84, 128, .5); } .setting-text:focus, .setting-text:active { color: #705480; border-bottom-color: 2px solid rgba(112, 84, 128, .5); } .reduce-motion button.icon-button i.fa-retweet { color: #69428f; } .reduce-motion button.icon-button.active i.fa-retweet { color: #705480; } .regeneration-indicator { color: #69428f; background: #FCF8FF; } .regeneration-indicator > div { background: transparent; } .regeneration-indicator__label strong { color: #694E78; } .text-btn { color: #69428f; background: transparent; } .text-btn:hover { color: #705480; } .loading-indicator { color: #69428f; } .loading-indicator__figure { border: 0 solid #69428f; border-radius: 50%; } .no-reduce-motion .loading-indicator__figure { color: #69428f; } @-webkit-keyframes loader-figure { 0% { background-color: #69428f; } 29% { background-color: #69428f; } 30% { background-color: transparent; } 100% { background-color: transparent; } } @keyframes loader-figure { 0% { background-color: #69428f; } 29% { background-color: #69428f; } 30% { background-color: transparent; } 100% { background-color: transparent; } } .video-error-cover { background: #000000; color: #ffffff; } .media-spoiler { background: #F0E3FD; color: #694E78; } .media-spoiler:hover, .media-spoiler:active, .media-spoiler:focus { color: #69428f; } .spoiler-button { text-shadow: 0 1px 1px #000000, 1px 0 1px #000000; } .pseudo-drawer { background: #F7EFFF; } .modal-container--preloader { background: #FBF6FF; } .account--panel { background: #F7EFFF; border-top: 1px solid rgba(112, 84, 128, .3); border-bottom: 1px solid rgba(112, 84, 128, .3); } .column-settings__outer { background: #393f4f; } .column-settings__section { color: #9C77C2; } .account--follows-info { color: #ffffff; background-color: rgba(0, 0, 0, 0.4); } .account--muting-info { color: #ffffff; background-color: rgba(0, 0, 0, 0.4); } .setting-toggle__label { color: #705480; } .empty-column-indicator, .error-column { color: #69428f; background: #FCF8FF; } .empty-column-indicator a, .error-column a { color: #69428f; } .emoji-picker-dropdown__menu { background: #ffffff; -webkit-box-shadow: 4px 4px 6px rgba(125, 33, 189, .23); box-shadow: 4px 4px 6px rgba(125, 33, 189, .23); } .emoji-picker-dropdown__modifiers__menu { background: #ffffff; -webkit-box-shadow: 1px 2px 6px rgba(125, 33, 189, .2); box-shadow: 1px 2px 6px rgba(125, 33, 189, .2); } .emoji-picker-dropdown__modifiers__menu button { background: transparent; } .emoji-picker-dropdown__modifiers__menu button:hover, .emoji-picker-dropdown__modifiers__menu button:focus, .emoji-picker-dropdown__modifiers__menu button:active { background: rgba(217, 225, 232, 0.4); } .upload-area { background: rgba(0, 0, 0, 0.8); } .upload-area__background { background: #282c37; -webkit-box-shadow: 0 0 5px rgba(125, 33, 189, .2); box-shadow: 0 0 5px rgba(125, 33, 189, .2); } .upload-area__content { color: #d9e1e8; border: 2px dashed rgba(125, 33, 189, .2); } .upload-progress { color: #69428f; } .upload-progress__backdrop { background: #606984; } .upload-progress__tracker { background: #69428f; } .modal-root__overlay { background: rgba(0, 0, 0, 0.7); } .media-modal__nav { background: rgba(0, 0, 0, 0.5); color: #ffffff; } .media-modal__button { background-color: #ffffff; } .media-modal__button--active { background-color: #9C77C2; } .boost-modal, .confirmation-modal, .report-modal, .actions-modal, .mute-modal { background: #FBF6FF; color: #705480; } .boost-modal .status__content__spoiler-link, .confirmation-modal .status__content__spoiler-link, .report-modal .status__content__spoiler-link, .actions-modal .status__content__spoiler-link, .mute-modal .status__content__spoiler-link { color: #f2f5f7; } .actions-modal .status { background: #ffffff; border-bottom-color: rgba(112, 84, 128, .5); } .actions-modal .dropdown-menu__separator { border-bottom-color: rgba(112, 84, 128, .5); } .boost-modal__action-bar, .confirmation-modal__action-bar, .mute-modal__action-bar { background: #F0E3FD; } .boost-modal__action-bar > div, .confirmation-modal__action-bar > div, .mute-modal__action-bar > div { color: #9C77C2; } .report-modal__container { border-top: 1px solid #d9e1e8; } .report-modal__statuses .status__content a { color: #69428f; } .report-modal__statuses .status__content p { color: #282c37; } .report-modal__comment .setting-text { color: #282c37; background: #ffffff; border: 1px solid #d9e1e8; } .report-modal__comment .setting-text:focus { border: 1px solid rgba(112, 84, 128, .5); } .report-modal__comment .setting-toggle__label { color: #282c37; } .actions-modal ul li:not(:empty) a { color: #705480; } .actions-modal ul li:not(:empty) a.active, .actions-modal ul li:not(:empty) a.active button, .actions-modal ul li:not(:empty) a:hover, .actions-modal ul li:not(:empty) a:hover button, .actions-modal ul li:not(:empty) a:active, .actions-modal ul li:not(:empty) a:active button, .actions-modal ul li:not(:empty) a:focus, .actions-modal ul li:not(:empty) a:focus button { background: #69428f; color: #ffffff; } .confirmation-modal__action-bar .confirmation-modal__cancel-button, .confirmation-modal__action-bar .mute-modal__cancel-button, .mute-modal__action-bar .confirmation-modal__cancel-button, .mute-modal__action-bar .mute-modal__cancel-button { background-color: transparent; color: #69428f; } .confirmation-modal__action-bar .confirmation-modal__cancel-button:hover, .confirmation-modal__action-bar .confirmation-modal__cancel-button:focus, .confirmation-modal__action-bar .confirmation-modal__cancel-button:active, .confirmation-modal__action-bar .mute-modal__cancel-button:hover, .confirmation-modal__action-bar .mute-modal__cancel-button:focus, .confirmation-modal__action-bar .mute-modal__cancel-button:active, .mute-modal__action-bar .confirmation-modal__cancel-button:hover, .mute-modal__action-bar .confirmation-modal__cancel-button:focus, .mute-modal__action-bar .confirmation-modal__cancel-button:active, .mute-modal__action-bar .mute-modal__cancel-button:hover, .mute-modal__action-bar .mute-modal__cancel-button:focus, .mute-modal__action-bar .mute-modal__cancel-button:active { color: #694E78; } .loading-bar { background-color: #69428f; } .media-gallery__gifv__label { color: #ffffff; background: rgba(0, 0, 0, 0.5); } .attachment-list { border: 1px solid #393f4f; } .attachment-list__icon { color: #606984; border-right: 1px solid #393f4f; } .attachment-list__list a { color: #69428f; } .attachment-list.compact .fa { color: #606984; } /* Media Gallery */ .media-gallery__item-thumbnail { color: #d9e1e8; } /* End Media Gallery */ /* Status Video Player */ .status__video-player { background: #000000; } .status__video-player-expand, .status__video-player-mute { color: #ffffff; text-shadow: 0 1px 1px #000000, 1px 0 1px #000000; } .status__video-player-spoiler { color: #ffffff; text-shadow: 0 1px 1px #000000, 1px 0 1px #000000; } .video-player { background: transparent; } .video-player__controls { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.85)), color-stop(60%, rgba(0, 0, 0, 0.45)), to(transparent)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent); } .video-player__spoiler { background: #F0E3FD; color: #705480; border-radius: 4px; } .video-player__spoiler.active:hover, .video-player__spoiler.active:active, .video-player__spoiler.active:focus { color: #69428f; } .video-player__buttons button { background: transparent; color: rgba(255, 255, 255, 0.75); } .video-player__buttons button:active, .video-player__buttons button:hover, .video-player__buttons button:focus { color: #ffffff; } .video-player__time-current { color: #ffffff; } .video-player__time-sep, .video-player__time-total { color: #ffffff; } .video-player__seek::before { background: rgba(255, 255, 255, 0.35); } .video-player__volume__current { background: #69428f; } .video-player__seek__progress, .video-player__seek__buffer { background: #69428f; } .video-player__seek__buffer { background: rgba(255, 255, 255, 0.2); } .video-player__seek__handle { background: #69428f; -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2); } .video-player__volume__handle { background: #69428f; } .media-spoiler-video-play-icon { color: rgba(255, 255, 255, 0.8); } /* End Video Player */ noscript div { color: #d9e1e8; } noscript div a { color: #69428f; } .embed-modal .embed-modal__container .embed-modal__html { background: #282c37; color: #ffffff; } .embed-modal .embed-modal__container .embed-modal__html:focus { background: #313543; } .account__moved-note { background: #313543; border-top: 1px solid #393f4f; border-bottom: 1px solid #393f4f; } .account__moved-note__message { position: relative; color: #69428f; } .column-inline-form { background: #F7EFFF; } .drawer__backdrop { background: rgba(0, 0, 0, 0.5); } .list-editor { background: #282c37; -webkit-box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4); box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4); } .list-editor h4 { background: #444b5d; } .list-editor .drawer__inner.backdrop { -webkit-box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4); box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4); } .focal-point__reticle { -webkit-box-shadow: 0 0 0 9999em rgba(112, 84, 128, .35); box-shadow: 0 0 0 9999em rgba(112, 84, 128, .35); } .floating-action-button { background: #69428f; color: #ffffff; border-radius: 50%; -webkit-box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.4); box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.4); } .floating-action-button:hover, .floating-action-button:focus, .floating-action-button:active { background: #705480; } /* ----------開始使用---------- */ .column-link { background: #FBF6FF; color: #69428f; } .column-link:hover { background: #F7EFFF; color: #694E78; } .column-link__badge { background: #F0E3FD; } .column-subheading { background: #F0E3FD; color: #694E78; box-shadow: inset 0px 4px 15px -7px #69428f; } .getting-started__wrapper, .getting-started, .flex-spacer { background: #F0E3FD; } .getting-started { color: #69428f; } .getting-started__footer p { color: #624b6e; } .getting-started__footer a, .getting-started__footer p a { color: #69428f; } .getting-started__footer a:hover, .getting-started__footer p a:hover { color: #694E78; } /* ----------Onboarding---------- */ .onboarding-modal, .error-modal, .embed-modal { background: #FCF8FF; color: #282c37; } .onboarding-modal__paginator, .error-modal__footer { background: #F7EFFF; } .onboarding-modal__paginator .onboarding-modal__nav, .onboarding-modal__paginator .error-modal__nav, .error-modal__footer .onboarding-modal__nav, .error-modal__footer .error-modal__nav { color: #282C37; background-color: transparent; } .onboarding-modal__paginator .onboarding-modal__nav:hover, .onboarding-modal__paginator .onboarding-modal__nav:focus, .onboarding-modal__paginator .onboarding-modal__nav:active, .onboarding-modal__paginator .error-modal__nav:hover, .onboarding-modal__paginator .error-modal__nav:focus, .onboarding-modal__paginator .error-modal__nav:active, .error-modal__footer .onboarding-modal__nav:hover, .error-modal__footer .onboarding-modal__nav:focus, .error-modal__footer .onboarding-modal__nav:active, .error-modal__footer .error-modal__nav:hover, .error-modal__footer .error-modal__nav:focus, .error-modal__footer .error-modal__nav:active { color: #694E78; background-color: #F0E3FD; } .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next, .onboarding-modal__paginator .error-modal__nav.onboarding-modal__done, .onboarding-modal__paginator .error-modal__nav.onboarding-modal__next, .error-modal__footer .onboarding-modal__nav.onboarding-modal__done, .error-modal__footer .onboarding-modal__nav.onboarding-modal__next, .error-modal__footer .error-modal__nav.onboarding-modal__done, .error-modal__footer .error-modal__nav.onboarding-modal__next { color: #69428f; } .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active, .onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover, .onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus, .onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active, .onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover, .onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus, .onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active, .error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover, .error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus, .error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active, .error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover, .error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus, .error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active, .error-modal__footer .error-modal__nav.onboarding-modal__done:hover, .error-modal__footer .error-modal__nav.onboarding-modal__done:focus, .error-modal__footer .error-modal__nav.onboarding-modal__done:active, .error-modal__footer .error-modal__nav.onboarding-modal__next:hover, .error-modal__footer .error-modal__nav.onboarding-modal__next:focus, .error-modal__footer .error-modal__nav.onboarding-modal__next:active { color: #313543; } .onboarding-modal__dot { background: #69428f; } .onboarding-modal__dot:hover { background: #9C77C2; } .onboarding-modal__dot.active { cursor: default; background: #694E78; } .onboarding-modal__page h1 { color: #694E78; } .onboarding-modal__page a { color: #69428f; } .onboarding-modal__page a:hover, .onboarding-modal__page a:focus, .onboarding-modal__page a:active { color: #694E78; } .onboarding-modal__page .navigation-bar a { color: inherit; } .onboarding-modal__page p { color: #69428f; } .onboarding-modal__page p strong { background: #69428f; color: #d9e1e8; } .display-case__label { color: #694E78; } .display-case__case { background: #69428f; color: #FFFFFF; } .onboarding-modal__page-two .figure, .onboarding-modal__page-three .figure, .onboarding-modal__page-four .figure, .onboarding-modal__page-five .figure { background: #F0E3FD; color: #69428f; -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3); } .onboarding-modal__page-four__columns .column-header { color: #ffffff; } /* ----------Tutorial---------- */ body.app-body { background: #FCF8FF; } .introduction__pager { background: #F7EFFF; } .introduction__text { border-top: 2px solid rgba(112, 84, 128, .5) } .introduction__text p { color: #69428f; } .introduction__text h3 { color: #694E78; } .introduction__text p code { color: #FFF; background:#69428f; border: 1px solid rgba(112, 84, 128, .1); } .introduction__dot { background: transparent; border: 1px solid rgba(112, 84, 128, .5); } .introduction__dot:hover{ background: #9C77C2; } .introduction__dot.active { background: #694E78; } /* ----------Explore---------- */ .memoriam-widget, .page-header { box-shadow: 0 0 13px rgba(125, 33, 189, .23); } .page-header { background: #FBF6FF; } .page-header h1 { color: #9C77C2; } .page-header p { color: #69428f; } .accounts-table tbody td { border-radius: 4px; } .accounts-table__count small { color: #694E78; } .accounts-table__count { color: #69428f; } .accounts-table tbody td { border-bottom: 1px solid rgba(112, 84, 128, .3); } .box-widget, .contact-widget, .landing-page__information.contact-widget { background: #F7EFFF; } .notice-widget { color: #69428f; } .notice-widget a { color: #694E78; } .directory { border-radius: 4px; background: #FBF6FF; } .directory__tag a { background: #FBF6FF; box-shadow: 0 0 13px rgba(125, 33, 189, .23); } .directory__tag h4 .fa { color: #9C77C2; } .directory__tag h4 { color: #69428f; } .directory__tag h4 small { color: #694E78; } .avatar-stack .account__avatar { width: 40px; height:40px; border: 2px solid rgba(112, 84, 128, .3); } .directory__tag a:focus, .directory__tag a:hover { color: #69428f; background: #F7EFFF; } .directory__tag.active h4, .directory__tag.active h4 .fa, .directory__tag.active h4 small { color: #FFF; } .directory__tag.active a { background: #69428f; } .getting-started__trends h4, .getting-started__trends .trends__item__current, .trends__item__name a, .trends__item__name strong, .trends__item__name { color: rgb(234, 222, 236) !important; } .getting-started__trends { background-color: transparent !important; } body, .account__header__bar { background: #72607c !important; } .endorsements-widget h4, .endorsements-widget .account { background: #fbf6ff !important; border-radius: 4px; }