Skip to content

CLIP STUDIO ASSETS - Dark & Clean by 6meikyuu9

Screenshot of CLIP STUDIO ASSETS - Dark & Clean

Details

Author6meikyuu9

LicenseCC BY-NC-ND 4.0

Categoryclip-studio.com

Created

Updated

Size72 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A dark theme that is mainly focused on the Asset store.

Notes

Desktop only.

A dark theme that is mainly focused on the Asset store.

I made it so that when you hover a brush it will fade the background to black, that will make it easier to see if the brush is too bright or if a pattern is transparent or not.

Should also work for:
TIPS, ASK, SUPPORT, Profile, Account settings.

OBS; I have not tested this code without an adblocker (uBlock Origin) so I don't know how that looks....
The code is messy, but I don't notice any lag by using it.


*Update 2024-01-04 ver.1.0.8: Changed re-download button, so that it's not identical to non-purchased button. Various adjustments in description page.
*Update 2023-06-03 ver.1.0.7: Fixed asset description page background color and small adjustments.
*Update 2023-03-25 ver.1.0.6: Hover thumbnail in asset (/detail) page to scale image, glowing hover download button, changed prices to colored pills, made asset (/detail) page wider.
*Update 2023-01-30 ver.1.0.5: Fixed new TIPS layout.
*Update 2022-12-16 ver.1.0.4: Fixed hover opacity in detail pages for tool previews.
*Update 2022-12-05 ver.1.0.3: Free/CLIPPY/GOLD are in different colors and more visible. Small fixes.
*Update 2022-12-05 ver.1.0.2: Asset thumbnail will glow when hovering over it. Other small fixes.
Update 2022-09-12 ver.1.0.1: Fixed more pages and improved Asset search.. Compatible with TIPS, ASK, SUPPORT, Profile, Account settings (more or less...)

Format: Year/Month/Day

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           CLIP STUDIO ASSETS - Dark & Clean
@namespace      https://clip-studio.com
@version        1.0.8
@description    A dark theme that is mainly focused on the Asset store.
@author         Meikyuu
==/UserStyle== */
@-moz-document domain("clip-studio.com") {
          /* ----- MAIN ----- */
          /* Hide */
          .purchaseModal__balance > a[href*="https://accounts.clip-studio.com/information/gold-membership"],
          #detail .purchaseModal__softwareTitle,
          .side-banners__wrap,
          .side-facebook__wrap,
          .side-twitter__wrap,
          .side-banners__wrap--top,
          .SectionTitleBackground,
          .microsoftTranslatorLogo,
          .layout__searchResult .layout_monthlyBanner,
          .layout__fixedBanner {
                    display: none!important;
          }

          /* ------------------------ */
          /* ------ Text color ------ */
          /* ------------------------ */
          a,
          .nav-breadcrumb__body > li a {
                    color: #7098bc;
                    text-decoration: none;
          }
          a:focus,
          a:hover {
                    color: #7098bc;
          }

          .nav-article__buttons .btn__darw .icon > i,
          .nav-article__buttons .btn__darw,
          .nav__prev-next .btn__next .icon > i,
          .nav__prev-next .btn__prev .icon > i,
          .nav__prev-next .btn__next,
          .nav__prev-next .btn__prev,
          .btn__more--down,
          .faq-search-proposer__text,
          .faq-search-page-selector__page-number,
          .inputs-radio__label,
          .faq-search-narrowing-menu__wrapper_pc,
          .faq-search-results-count__content,
          .faq-search-results__body,
          .btn__more--down .icon > i,
          .btn__more .icon > i,
          .link__more .icon > i,
          .ogpLink,
          body,
          .layout__searchInput .collapseConditionButton__open,
          .layout__searchInput .saveSearch__savedItem--content a {
                    color: rgba(255, 255, 255, .5);
          }
          .nav__prev-next .btn__next:hover,
          .nav__prev-next .btn__prev:hover,
          .link__readmore,
          .user__box-link,
          .list__tags > li a,
          .ogpLink__title,
          .text__result a,
          .list__filter-checkbox > li input[type="checkbox"]:hover + label,
          .ContactDescription a,
          .SmallLinkBlock,
          .h4,
          h4,
          .btn-default:hover,
          .layout__searchInput .searchWordClearButton.active,
          #downloadList .selectFilter .filterButton,
          .pagination > li > a:focus,
          .pagination > li > a:hover,
          .pagination > li > span:focus,
          .pagination > li > span:hover,
          .pagination > li > a,
          .pagination > li > span,
          .layout__searchResult .resultItem__title,
          .pagination > .disabled > a,
          .pagination > .disabled > a:focus,
          .pagination > .disabled > a:hover,
          .pagination > .disabled > span,
          .pagination > .disabled > span:focus,
          .pagination > .disabled > span:hover {
                    color: #F0F0F0;
          }

          .faq-search-results__title,
          .list__toc > li > a,
          .author__box-link,
          .btn__radius-blue,
          #ranking .dateBlock,
          .materialCard,
          .bootstrap-tagsinput {
                    color: #c0c0c0;
          }
          .settingMenu__item--selected > a,
          #header .members-menu__body .list__members-menu a,
          .btn__more,
          .btn__round--like > span,
          .btn__round--favorite > span > span,
          .heading-lv2,
          .heading-lv3,
          .heading-lv4,
          li.list__categoryItem--en-us > a,
          .list__filter-checkbox > li input[type="checkbox"] + label,
          .cmp-article__casette a,
          .FrontPublicTipsOfTheMonthIndexTipsArticle__clipUserHandle a,
          .ogpLink__content,
          .a-Accordion__title-container,
          .a-TocAnchorButton,
          .breadcrumb,
          .a-ButtonsLinkBlock,
          .a-ButtonsQuickLinkBlock__text,
          #header .members-menu__header .name,
          .pagination > .active > a,
          .pagination > .active > a:focus,
          .pagination > .active > a:hover,
          .pagination > .active > span,
          .pagination > .active > span:focus,
          .pagination > .active > span:hover,
          .btn-default,
          .layout__selectionItems .item__description,
          body > div,
          footer,
          footer .footer__copyright span a,
          footer .footer__linkItem a,
          .recommendedMaterialLinks__item > a,
          .recommendedMaterialCard__name a,
          .recommendedMaterialCard__author,
          .recommendedMaterialCard__authorName,
          .layout__recommendedMaterialLinks,
          .layout__recommendedMaterialHero,
          .layout__recommendedMaterialList {
                    color: #939393!important;
          }
          .layout__searchDetail .searchButton__selected,
          .layout__searchDetail .searchButton {
                    color: #3c3c3c!important;
                    border-radius: 100px;
          }
          .layout__searchDetail .searchButton__selected:hover,
          .layout__searchDetail .searchButton:hover {
                    color: #a8a8a8!important;
          }
          .FrontPublicHelp__warning {
                    color: rgba(255, 104, 104, .7);
          }


          /* ------------------------ */
          /* --- background color --- */
          /* ------------------------ */
          html#Layout article,
          .settingLists,
          .DraftIndexContainer,
          .detail-article__header,
          .mainWrapper,
          .mainWrapper--noPaddingTop,
          .btn-default:active:hover,
          .btn-default:active,
          .operationButton,
          .saveSearch__dropdownButton,
          .layout__searchInput .searchWordClearButton.active:hover,
          .layout__searchInput .searchWordClearButton,
          .layout__searchInput .searchWordClearButton.active,
          .recommendedMaterialBanners,
          #detail .layout__fixedHead,
          #detail .layout__headTags,
          .layout__recommendedMaterialLinks,
          .layout__recommendedMaterialHero,
          .layout__recommendedMaterialList {
                    background: transparent;
          }
          .article-main__container hr,
          .nav-article__container,
          .faq-search-narrowing-menu__wrapper_pc,
          .faq-search-results__item-wrapper,
          .list__tags > li a,
          .section-module__rectbox,
          .cmp__tooltip,
          .btn__report,
          .btn__round--favorite,
          .btn__round--like,
          .btn__round--starIconOnly,
          .nav-toc__container,
          .btn__radius-blue,
          .heading__line-deco .line::before,
          .list__filter-checkbox > li input[type="checkbox"] + label,
          .btn__radius-aqua--search:hover,
          .componentApplyPlanButton,
          .componentApplyPlanButton--disabled,
          .btn__general-menu .icon::after,
          .btn__general-menu .icon::before,
          .btn__general-menu .icon,
          .layout__searchInput .collapseConditionButton__open:hover {
                    background-color: #4b4b4b;
          }

          .layout__materialFooterOperation,
          #detail .layout__materialOperation,
          #header .header-nav__container,
          #header .header-search__container,
          #header .general-menu__wrap,
          #header .members-menu__wrap,
          #header .members-menu__body .list__members-menu > li,
          #header .search__background,
          .btn__general-menu,
          #header .header-main__container,
          html#PlainLayout header,
          header,
          .layout__searchInput,
          html#Layout header,
          #index,
          footer,
          article {
                    background-color: #2b2b2b;
          }
          .side-module__wrap,
          #footer .footer__pagetop,
          .cmp-article__casette .article__wrap,
          .detail-article__footer,
          .detail-article__container,
          .btn__radius-aqua--search,
          .FrontPublicTipsOfTheMonthIndexBackground2021,
          .FaqArticleDetailTemplateContainer__descriptionBlock,
          .ogpLink,
          .a-Accordion__title-container,
          .m-Toc__content,
          .pagination > li > a:focus,
          .pagination > li > a:hover,
          .pagination > li > span:focus,
          .pagination > li > span:hover,
          #downloadList .selectFilter .filterButton,
          #downloadList .selectFilter .filterButton:hover,
          .btn-default {
                    background-color: #454545;
          }
          .settingList__item,
          #editProfile .layout__editProfile,
          .favoriteUserListModal-container[data-v-3c8ec0ec],
          #header .members-menu__body .list__members-menu > li:hover,
          #footer,
          #container,
          #header .header-search__detail-wrap,
          .FrontPublicTipsOfTheMonthIndexArticleContainer2021,
          footer .footer__copyright,
          .pagination > li > a,
          .pagination > li > span,
          #manage .layout__materials__material,
          .layout__selectionItems .item,
          .dropdown-menu,
          .layout__searchInput .saveSearch__content,
          .layout__searchInput .collapseConditionButton__open,
          .bootstrap-tagsinput,
          .recommendedMaterialCard,
          .materialCard__card,
          #downloadListMonthlyPlanOffer .searchButton,
          #downloadListMonthlyPlanOfferIcScreen .searchButton,
          .operationButton,
          header .header__notification,
          header .header__star,
          html,
          body,
          #detail .layout__container,
          #information,
          #informationMonthlyPlanOffer,...

Reviews

No reviews yet.