/* ==UserStyle== @name Docker Hub Dark Theme @version 1.0.3 @description Change Docker Hub and Docker Cloud to Dark Theme @namespace https://github.com/moosedookie @author moosedookie @license CC-BY-SA-4.0 @homepageURL https://github.com/moosedookie/CustomCSS/tree/master/docker-hub @supportURL https://github.com/moosedookie/CustomCSS/issues @updateURL https://moosedookie.github.io/CustomCSS/docker-hub/docker-hub.user.css @preprocessor uso ==/UserStyle== */ /* __ ___ */ /* / |/ /___ ____ ________ */ /* / /|_/ / __ \/ __ \/ ___/ _ \ */ /* / / / / /_/ / /_/ (__ ) __/ */ /* /_/ /_/\____/\____/____/\___/ _ */ /* / __ \____ ____ / /__(_)__ */ /* / / / / __ \/ __ \/ //_/ / _ \*/ /* / /_/ / /_/ / /_/ / ,< / / __/*/ /* /_____/\____/\____/_/|_/_/\___/ */ @-moz-document regexp("https?:\\/\\/(cloud|hub|id|registry.hub)\\.docker.com(.*)") { body, html { color: #fcfcfc; background-color: #333333; } /* Home page */ .styles__homeLandingPage___2ZaL_ { color: #fcfcfc; background-color: #333333; } .styles__repoSection___2E4Nh .styles__repoGrid___3VXPb .styles__repoCard___Xf2nS { background-color: #292929; } .styles__bottomSection___3iUl7 { background: #333333 !important; } .styles__cardWrapper___x_xbl { background-color: #888; border-color: #292929; } /* Login / Sign-up */ .styles__container__2KCEh, .styles__white___NRcyJ { color: #fcfcfc; background-color: #333333; } .styles__loginWrapper__1Ct3n { background-color: #222; } .styles__titleSubHeader___13XDf .styles__mainTitle___3_abT, .styles__secondaryCubeHeader__30Xhe, .styles__tertiaryCubeHeader__3Oy6D { color: #fcfcfc; } /* Header */ .styles__menu___e3vhK, .styles__menu___1qzbH { background-color: #222; border-color: #000; } /* Breadcrumb */ .styles__fullWhiteBackground___3DkEY, .styles__profileHeader___niDUC, .styles__headerContainer___1pY7J, .styles__header___2DnGz, .styles__header___3oh7G, .styles__header___3YvnA, .styles__header___2Nbw8, .styles__wrapperContainer___2QLz1, .styles__subnavWrapper___17yeU, .styles__contextNav___1ObFd, #contextNav, .styles__tabs___3tAcy, .styles__whiteBackground___3WIqM, .styles__fullWhiteBackground___2V8gz { background-color: #222; border-color: #000; color: #ccc; } .styles__rightBorder___2bUo6 { border-color: #000; } .styles__breadcrumb___9YQZc { color: #ccc; } .styles__photoWrapper___3q6TR { background-color: #222; border-color: #222; } .styles__breadcrumb___1yjjL, .styles__productTab___2YNtd { color: #ccc; } .styles__breadcrumb___9YQZc:before, .styles__breadcrumb___1yjjL:before { border-left: 10px solid hsla(0, 0%, 13%, .3) } .styles__breadcrumb___9YQZc:after, .styles__breadcrumb___1yjjL:after { border-left: 10px solid #000; } .styles__breadcrumb___1yjjL:last-child { color: #eee; } .styles__breadcrumbLink___357mP:hover { color: #c6dae7; } /* Tabs */ .styles__tabsSection___2Gs_c, .styles__tabs___2WMQc, .styles__tabs___3yaRm, .styles__tabs___84i52 { background-color: #222; border-color: #000; } .styles__tab___ztJkZ, .styles__tab___1Uffa { color: #ccc; } /* Base */ .styles__body___T4UNY, .styles__content___3u8I1, .styles__wrapper___6NJME, .styles__wrapper___2ogzR, .styles__wrapper___1NKRy, .styles__content___IXwbL { background-color: #333; } .styles__info___by7-H, .styles__info___25TO5, .styles__card___16ovJ, .styles__card___1d1uz { background-color: #222; border-color: #000; } .styles__card___gktOa, .styles__card___1NOfq, .styles__newDesign___1bl2t, .styles__newDesign___Ly9u3, .styles__container___MKQec { background-color: #2c2c2c; border-color: #000; } .styles__cardContents___24i6T table { background-color: #2c2c2c !important; border-color: #000; } .styles__cardContents___24i6T table tr { border-color: #000 !important; } .styles__cardContents___24i6T table th { color: #eee !important; } .styles__cardContents___24i6T table td { color: #c6dae7 !important; } .styles__box___2xwmj, .styles__startReviewSection___2vUI1, .styles__ratingsSummary___JQCwl { background-color: #222; border-color: #000; } .styles__repoUsage___1GVBC, .styles__repoUsage___1ODoH { color: #bfcdd4; } .boldContent, .content { color: #bfcdd4; } .dMarkdown h1, .dMarkdown h2 { border-color: #fcfcfc; } .dMarkdown table tr { background-color: #202020; } .dMarkdown table tr:nth-child(2n) { background-color: #424242; } .styles__name___2198b { color: #eee; } .styles__row___RVU7B { color: #ccc; } .tertiaryContent { color: #c6dae7; } .styles__chip___3ZtYi { background-color: #111; } /* Home */ .styles__repoCard___2bqxx .styles__right___3IqHY .styles__starCount___1A7RN, .styles__starNum___2YkOL { background-color: transparent; } /* Explore */ .styles__filterTitle___13dp7 { color: #eee; } .styles__title___WZE80 { color: #ccc; } .styles__input___k3LJ2 { color: #c6dae7; } .styles__input___k3LJ2 div label { color: #c6dae7 !important; } .styles__shadowCard___3t4U8, .styles__content___2QoOZ { background-color: #222; border-color: #000; box-shadow: inset -1px 0 0 0 rgba(20, 23, 26, .6), inset 0 -1px 0 0 #14171a, inset 1px 0 0 0 rgba(20, 23, 26, .6); } .styles__repoRow___1vo4h:hover, .styles__shadowCardHover___2e0Y4:hover, .styles__item___QCZAb.styles__checked___3Hi13 .styles__content___2QoOZ .styles__content___2QoOZ:hover, .styles__item___QCZAb:hover .styles__content___2QoOZ { box-shadow: 0 2px 6px 0 #14171a, inset -1px 0 0 0 rgba(20, 23, 26, .3), inset 0 -1px 0 0 #14171a, inset 1px 0 0 0 rgba(20, 23, 26, .2); } .styles__clickable___FBojG:hover { background-color: #1c1c1c; } /* Repositories */ li.styles__item___2-BI1:first-of-type .styles__content___lHbRE, .styles__content___lHbRE, li.styles__item___1gG3-:first-of-type .styles__content___1LQdY { border-color: #000; } .styles__content___1LQdY { border-color: #000; } .styles__hover___1Z5ka:hover > .styles__content___1LQdY { background-color: #222; } .styles__name___D3J5y .styles__repository___HwkDL { color: #bfcdd4; } .styles__repoDescription___m_OSk { color: #ccc; } .styles__page___37Klq, .styles__page___24Abd { color: #bfcdd4; background-color: #222; } .styles__currentPage___1MBl0 { background-color: #099cec; } .styles__chevron___1_guX, .styles__chevron___13BO3 { fill: #bfcdd4; } .styles__privacyLabelName___2bRpA, .styles__privacyLabelDescription___3rm3C { color: #bfcdd4; } .styles__starCount___PjVah { fill: #ffa900; } /* Tags */ .styles__detail___39I8C .styles__reporef___1K3Cq { color: #099cec; } .styles__itemValue___3Q6lh { color: #bfcdd4; } .styles__container___190W3 { background-color: #2c2c2c; border-color: #000; } .styles__item___3bVJd:hover { background-color: #222222; } .styles__item___3bVJd.styles__isActive___6Y5V4 { background-color: #1c1c1c; } .styles__index___296T2 { background-color: #1c1c1c; } /* Organizations */ .styles__grid___KweqE .styles__orgCard___3AHkh { background-color: #1c1c1c; border-color: #000; } .styles__listItem___3-hI7 .styles__name___2ceJn, .styles__listItem___tLArg .styles__name___1ejQ9 { color: #bfcdd4; } .styles__content___30Ty9 { background-color: #333; } .styles__main___1qlQd .styles__propertiesCard___JzJF7 .styles__propertyLabel___6_lQ0 input { color: #bfcdd4 !important; } .styles__description___1vzbU, .styles__noDescription___2Cdx3 { color: #bfcdd4; } .styles__modalClass___30qQ1 { background-color: #2c2c2c !important; } /* Billing */ .styles__planDetails___2g_Ci .styles__usageDescription___Rszgv, .styles__planDetails___2g_Ci .styles__priceText___1N2Th, .styles__planDetails___2g_Ci .styles__nodeCost___2sez2, .styles__planDetails___2g_Ci .styles__privateReposAvailable___26R3a { color: #bfcdd4; } .styles__planDetails___2g_Ci .styles__bigNumber___1-Pf1 { color: #fcfcfc; } /* Account settings */ .boldTertiary, .tertiary { color: #bfcdd4; } .styles__sourceProviderMessage___38m7h p { color: #bfcdd4; } .styles__notificationMessage___3r_Im { color: #bfcdd4; } .styles__radioGroup___2l2Yl svg, .styles__radioGroup___2l2Yl label { color: #bfcdd4 !important; /*fill: #bfcdd4!important;*/ } /* General */ .styles__emptyState___3Ss-f { color: #bfcdd4; } .dMarkdown { color: #bfcdd4; } .dMarkdown a { color: #fcfcfc; } .dMarkdown code { background-color: #1c1c1c; } .dMarkdown pre { background-color: #1c1c1c; border-color: #000; } /* Tags */ .styles__name___2EY6e { color: #bfcdd4; } .styles__item___1pCBJ:hover, .styles__item___3pNSl:hover { background-color: #333; } /* Builds */ .styles__chartHeader___1SMyH, .styles__chartHeader___2JQHE { color: #bfcdd4; } .recharts-legend-item-text { color: #fcfcfc; } .recharts-surface path.recharts-tooltip-cursor, .recharts-surface path.recharts-bar-cursor { fill: #1c1c1c; } .recharts-text.recharts-cartesian-axis-tick-value { fill: #fcfcfc; } .styles__nameAndRepo___1P9Ij, .styles__nameAndRepo___2WbFv { color: #bfcdd4; } .styles__summary___2iBVy, .styles__summary___2Yaql { color: #ccc; } .styles__autobuilds___2M_LU, .styles__autobuilds___xdA7f { border-color: #000; } .styles__infoText___2lAjq, .styles__infoText___3Vt_p { color: #bfcdd4; } .styles__buildRule___JXBwR, .styles__buildRule___3nsU_ { color: #ccc; } .styles__radioGroup___2PzbN svg, .styles__radioGroup___2PzbN label, .styles__radioGroup___2dJ_6 svg, .styles__radioGroup___2dJ_6 label { color: #bfcdd4 !important; /*fill: #bfcdd4!important;*/ } .styles__button___21omF svg { fill: #bfcdd4; } .styles__codeblock___3GP3r, .styles__code___2Rfl-, .styles__code___2Rfl- .hljs { background-color: #1c1c1c; border-color: #000; color: #bfcdd4; } .styles__examples___3ifJS { background-color: #222; border-color: #000; } .styles__examplesHeader___k4Ahj { color: #fcfcfc; background-color: #111; } .styles__examplesRow___T5ebF { color: #bfcdd4; border-color: #000; } .styles__examplesExampleItem___3OUup:hover { background-color: #111; } textarea { color: #fcfcfc !important; } /* Timeline */ .styles__noActions___2vTy_ { background-color: #222; } .item__item___1PZCB .item__content___22Kbs.item__collapsed___2l0By, .item__item___1PZCB .item__content___22Kbs, .item__item___3l8Hv .item__content___2v1Wd.item__collapsed___11IrH, .item__item___3l8Hv .item__content___2v1Wd { background-color: #222; border-color: #000; } .item__item___1PZCB .item__content___22Kbs:after, .item__item___3l8Hv .item__content___2v1Wd:after, .item__item___3l8Hv .item__content___2v1Wd:after { border-color: transparent #222 transparent transparent; } .item__item___1PZCB .item__content___22Kbs:before, .item__item___3l8Hv .item__content___2v1Wd:before { border-color: transparent #000 transparent transparent; } .item__item___1PZCB .item__title___366tS h4, .item__item___3l8Hv .item__title___uuAgu h4 { color: #ccc; } .item__item___3l8Hv .item__title___uuAgu .item__toggleIcon___3pomi { fill: #bfcdd4; } /* Collaborators */ .styles__text___60f0c, .styles__text___3ozoH { color: #ccc; } /* Webhooks */ /* .styles__main___3TX4M { background-color: #adadad!important; border-radius: 10px; padding: 2px; margin: 5px; } */ .styles__main___2b7eu div, .styles__main___3TX4M div { color: #829dab !important; } .styles__main___2b7eu input, .styles__main___3TX4M input { color: #ccc !important; } .styles__cardText___2Cqzk, .styles__cardText___2Rth9 { color: #bfcdd4; } }