/* ==UserStyle== @name IMDb — Catppuccin Mocha Theme @namespace blackspirits.github.io/ @version 2.9 @description Catppuccin Mocha dark theme for IMDb: consistent colors, transparent rating bar with unified hover/radius, header flyouts, autosuggest, awards highlights, subnav spacing, IMDb Scout tweaks, icon refinements, search fixes, AI disclaimer visibility, and contribution button polish. @license MIT @author BlackSpirits @icon https://www.google.com/s2/favicons?sz=64&domain=imdb.com @homepageURL https://github.com/BlackSpirits/UserScripts-UserStyles @supportURL https://github.com/BlackSpirits/UserScripts-UserStyles/issues @downloadURL https://raw.githubusercontent.com/BlackSpirits/UserScripts-UserStyles/main/userstyles/imdb/imdb-catppuccin-mocha.user.css ==/UserStyle== */ @-moz-document url-prefix("https://imdb.com/"), url-prefix("https://www.imdb.com/"), url-prefix("https://contribute.imdb.com/"), url-prefix("https://m.imdb.com/") { /* =========================== IMDb — Catppuccin Mocha Theme Maintainer: BlackSpirits =========================== */ /* =========================== Root variables =========================== */ :root{ /* Catppuccin Mocha palette (correct crust) */ --ctp-crust:#11111b; --ctp-mantle:#181825; --ctp-base:#1e1e2e; --ctp-text:#cdd6f4; --ctp-subtext1:#bac2de; --ctp-subtext0:#a6adc8; --ctp-overlay2:#9399b2; --ctp-overlay1:#7f849c; --ctp-overlay0:#6c7086; --ctp-surface2:#585b70; --ctp-surface1:#45475a; --ctp-surface0:#313244; --ctp-blue:#89b4fa; --ctp-lavender:#b4befe; --ctp-sapphire:#74c7ec; --ctp-sky:#89dceb; --ctp-teal:#94e2d5; --ctp-green:#a6e3a1; --ctp-yellow:#f9e2af; --ctp-peach:#fab387; --ctp-maroon:#eba0ac; --ctp-red:#f38ba8; --ctp-mauve:#cba6f7; --ctp-rosewater:#f5e0dc; --ctp-pink:#f5c2e7; --ctp-flamingo:#f2cdcd; /* UI tokens */ --rating-hover: rgba(255,255,255,.10); --radius-sm: 5px; --radius-md: 8px; } /* Dark scheme */ :root, :host { color-scheme: dark; } /* =========================== Global canvas =========================== */ html, body{ background: var(--ctp-mantle) !important; color: var(--ctp-text) !important; } body.contribution, #a-page, #pagecontent, .a-container, .a-section, .a-box, .a-cardui{ background: var(--ctp-base) !important; color: var(--ctp-text) !important; } /* App surfaces */ #root, main, .ipc-page-wrapper, .ipc-page-content-container, .ipc-page-background, .ipc-page-background--base, .ipc-page-section{ background: var(--ctp-base) !important; color: var(--ctp-text) !important; border-color: var(--ctp-surface2) !important; } /* Unwanted baseAlt bands/gradients */ .ipc-page-background--baseAlt{ background: var(--ctp-base) !important; background-image: none !important; } /* Border only where borders exist */ :is(.ipc-card, .ipc-list-card, .ipc-poster-card, .ipc-divider, .ipc-page-section--divider){ border-color: var(--ctp-surface2) !important; } .imdb-header, header, .imdb-footer, footer{ background: var(--ctp-crust) !important; color: var(--ctp-text) !important; border: none !important; } /* Kill dark hero gradient band under the hero */ .ipc-page-background--baseAlt, .ipc-page-section--baseAlt, [data-testid="hero-parent"], .sc-b234497d-0, .sc-b234497d-1, .sc-b234497d-2, .sc-b234497d-3, .sc-b234497d-4{ background: var(--ctp-base) !important; background-image: none !important; box-shadow: none !important; } /* Some pages draw the band with ::before/::after overlays */ [data-testid="hero-parent"]::before, [data-testid="hero-parent"]::after, .sc-b234497d-0::before, .sc-b234497d-0::after, .sc-b234497d-3::before, .sc-b234497d-3::after, .sc-b234497d-4::before, .sc-b234497d-4::after{ content: none !important; background: transparent !important; background-image: none !important; } [data-testid="hero-parent"] .baseAlt{ background: transparent !important; background-image: none !important; } /* IMDbPro upsell (also collapse row later via :has()) */ #ProUpsellLink, [data-testid="hero-proupsell"], .pro-upsell{ display:none !important; } /* =========================== Typography & links =========================== */ h1, h2, h3, .ipc-title, .ipc-title__text, [class*="TitleHeader"], [data-testid*="title"]{ color: var(--ctp-text) !important; } .ipc-title__text--reduced, h3.ipc-title__text.ipc-title__text--reduced{ color: var(--ctp-text) !important; } a, .ipc-link, .ipc-link--base{ color: var(--ctp-peach) !important; } a:hover, .ipc-link:hover{ color: var(--ctp-lavender) !important; } a:visited{ color: var(--ctp-red) !important; } /* Subheads / inline metadata */ .ipc-text--subhead, .ipc-sub-text{ color: var(--ctp-peach) !important; } /* Icons: default to currentColor */ svg, .ipc-icon, .ipc-icon--inline, .ipc-icon--dynamic-fill{ fill: currentColor !important; color: var(--ctp-red) !important; } /* =========================== Common containers & buttons =========================== */ :is(.ipc-card, .ipc-list-card, .ipc-poster-card, .ipc-slate-card, .ipc-chip, .ipc-tag){ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; } :is(button, .ipc-btn, .ipc-button, .ipc-icon-button){ color: var(--ctp-text) !important; } .ipc-btn--core-accent1, .ipc-btn--theme-primary{ background: var(--ctp-surface1) !important; color: var(--ctp-text) !important; border-color: var(--ctp-surface1) !important; } .ipc-btn--core-baseAlt{ background: var(--ctp-surface1) !important; color: var(--ctp-text) !important; border: 1px solid var(--ctp-surface2) !important; } :focus-visible{ outline:2px solid var(--ctp-lavender) !important; outline-offset:2px !important; } /* =========================== Inputs =========================== */ :is(input, select, textarea, .ipc-textfield__input, .ipc-select){ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; border:1px solid var(--ctp-surface2) !important; } input::placeholder, textarea::placeholder{ color: var(--ctp-overlay1) !important; } /* =========================== Dividers / tables / lists =========================== */ hr, .ipc-divider, .ipc-page-section--divider, .ipc-list-card--bordered{ border-color: var(--ctp-surface2) !important; } table, thead, tbody, tr, th, td{ background: transparent !important; color: var(--ctp-text) !important; border-color: var(--ctp-surface2) !important; } .ipc-html-content--base{ color: var(--ctp-text) !important; } .hKzYjy, .ipc-title.ipc-title--base .ipc-title__description{ color: var(--ctp-subtext1) !important; } .mElyX .metadata{ color: var(--ctp-subtext1) !important; } .hLAkYe{ color: var(--ctp-text) !important; } .ipc-metadata-list, .ipc-metadata-list__item{ background: transparent !important; } .ipc-metadata-list--base .ipc-metadata-list__item{ border-bottom:1px solid var(--ctp-surface2) !important; } /* Metadata row content colors */ .ipc-metadata-list--base .ipc-metadata-list__item .ipc-metadata-list-item__list-content-item, .ipc-metadata-list--base .ipc-metadata-list__item .ipc-metadata-list-item__list-content-item a{ color: var(--ctp-peach) !important; } .ipc-metadata-list--base .ipc-metadata-list__item .ipc-metadata-list-item__list-content-item a:hover{ color: var(--ctp-flamingo) !important; } .ipc-metadata-list--base .ipc-metadata-list-item__list-content-item--subText{ color: var(--ctp-subtext1) !important; } .ipc-metadata-list-item__list-content-item.ipc-btn--not-interactable{ color: var(--ctp-text) !important; } /* Card titles/links */ :is(.ipc-poster-card__content a, .ipc-list-card__content a, .ipc-slate-card__content a, .ipc-poster-card__title a, .ipc-list-card__title a){ color: var(--ctp-text) !important; } :is(.ipc-poster-card__content a, .ipc-list-card__content a, .ipc-slate-card__content a, .ipc-poster-card__title a, .ipc-list-card__title a):hover{ color: var(--ctp-lavender) !important; } /* Lists & chips */ .ipc-chip--on-baseAlt, .ipc-chip--on-base, .ipc-chip--default{ background: var(--ctp-surface1) !important; color: var(--ctp-text) !important; border-color: var(--ctp-surface2) !important; } .ipc-chip--selected, .ipc-chip[aria-pressed="true"]{ background: var(--ctp-mauve) !important; color:#1b1b1b !important; border-color: var(--ctp-mauve) !important; } .ipc-list__item:nth-child(odd){ background: rgba(49,50,68,0.35) !important; } /* Dialogs */ [role="dialog"], .ipc-dialog, .ipc-dialog__container, .media-viewer, .media-viewer__container{ background: var(--ctp-crust) !important; color: var(--ctp-text) !important; border-color: var(--ctp-surface2) !important; } /* Ratings & meters (global) */ [class*="rating"], .ipc-rating-star{ color: var(--ctp-yellow) !important; } .rating-bar__bar, .meter-100, .meter-50, .meter-30, .meter-10{ background: var(--ctp-yellow) !important; } .imdb-rating__score, .rating-bar__label{ color: var(--ctp-yellow) !important; } /* JW Player */ .jw-controlbar, .jw-top .jw-text{ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; } /* Scrollbars */ *{ scrollbar-color: var(--ctp-surface2) var(--ctp-surface0) !important; } ::-webkit-scrollbar{ width:12px; height:12px; } ::-webkit-scrollbar-thumb{ background: var(--ctp-surface2); } ::-webkit-scrollbar-track{ background: var(--ctp-surface0); } /* =========================== Rating histogram =========================== */ [data-testid="rating-histogram-chart"] [data-testid="histogram-bar-container"] > div{ background: var(--ctp-peach) !important; border-color: var(--ctp-red) !important; } [data-testid="rating-histogram-chart"] [data-testid="histogram-label"]{ transition: color .15s ease; color: var(--ctp-rosewater) !important; } /* Histogram Vote Count */ :root [data-testid="rating-histogram-chart"] span.vote-count[data-testid="rating-histogram-vote-count"], :root [data-testid="rating-histogram-vote-count"].vote-count, :root [data-testid="rating-histogram-chart"] [data-testid="rating-histogram-vote-count"]{ color: var(--ctp-text) !important; font-weight: 500; } /* Weighted-rating notice */ .sc-f698ce89-1, .fAFxqQ, .dikLE, .inDvOo, .bSZSfc, .sc-f698ce89-1 *{ color: var(--ctp-text) !important; -webkit-text-fill-color: var(--ctp-text) !important; } /* Ratings histogram SVG text (tick labels, bar labels) */ [data-testid="histogram-container"] svg text, [data-testid="histogram-container"] svg tspan{ fill: var(--ctp-text) !important; stroke: transparent !important; } [data-testid="histogram-container"] [style*="fill: rgba(0, 0, 0"], [data-testid="histogram-container"] [style*="fill:#000"], [data-testid="histogram-container"] [style*="rgb(0,0,0)"]{ fill: var(--ctp-text) !important; } [data-testid="histogram-container"] [id^="chart-axis-"] tspan{ fill: var(--ctp-text) !important; } [id^="chart-bar-"][id$="-labels-"] tspan{ fill: var(--ctp-text) !important; } /* “Unweighted mean” line under the chart */ [data-testid="calculations-label"], .sc-c55fd2d-1{ color: var(--ctp-text) !important; -webkit-text-fill-color: var(--ctp-text) !important; } /* Rating number: visible */ .ipc-rating-display__rating{ font-weight: 800 !important; text-shadow: 0 0 2px var(--ctp-red), 0 0 6px var(--ctp-red); } /* =========================== Layout & responsive backgrounds =========================== */ @media (min-width: 600px){ .WLFG{ background: var(--ctp-base) !important; } } @media (min-width: 1024px){ .dosqkt{ background: var(--ctp-base) !important; } } @supports (display:grid){ @media (min-width: 1024px){ .ipc-page-grid.ipc-page-grid--bias-left{ background: var(--ctp-base) !important; } } } .ftSovk, .egXUpe, .ghIPgB{ background: var(--ctp-base) !important; color: var(--ctp-text) !important; } .ftSovk a{ color: var(--ctp-text) !important; } .ftSovk a:hover{ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; border-radius: 8px !important; } /* =========================== Header search =========================== */ .iemiob .imdb-header-search__state, .iemiob .imdb-header-search__input, .iemiob .nav-search__search-submit{ appearance: none; border: none !important; border-radius: var(--radius-sm) !important; background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; } .imdb-header-search__input:focus, .nav-search__search-submit:focus, .searchCatSelector-button:focus, .searchCatSelector-button-mobile:focus{ outline: none !important; box-shadow: none !important; } #nav-search-form, #nav-search-form *{ box-shadow: none !important; } #nav-search-form :is(input, button, select):focus{ box-shadow: none !important; outline:none !important; } /* Header compact spacing */ .navbar__inner{ gap: 5px !important; } .imdb-header__watchlist-button, .nav__userMenu, .sc-44b56d54-0.hlOjAe{ margin-left: 1px !important; } @media (max-width: 768px){ .navbar__inner{ gap: 1px !important; } .imdb-header__watchlist-button, .nav__userMenu, .sc-44b56d54-0.hlOjAe{ margin-left: 1px !important; } } /* =========================== Menus / flyouts / autosuggest (unified) =========================== */ :is([data-menu-id="navUserMenu"].navbar__flyout--menu, [data-menu-id="navUserMenu"].ipc-menu, [data-menu-id="nav-language-selector"].ipc-menu, [data-menu-id="nav-language-selector"].navbar__flyout--menu, .sc-ed50659a-3.react-autosuggest__suggestions-container--open, .sc-ed50659a-3.bHbuuJ.react-autosuggest__suggestions-container--open, .react-autosuggest__suggestions-list, .react-autosuggest__suggestions-list .ipc-menu__items, .anim-enter-done){ background-color: var(--ctp-crust) !important; border: none !important; color: var(--ctp-text) !important; box-shadow: none !important; } :is([data-menu-id="navUserMenu"], [data-menu-id="nav-language-selector"])::before, :is([data-menu-id="navUserMenu"], [data-menu-id="nav-language-selector"])::after, :is([data-menu-id="navUserMenu"] .ipc-menu__items, [data-menu-id="nav-language-selector"] .ipc-menu__items)::before, :is([data-menu-id="navUserMenu"] .ipc-menu__items, [data-menu-id="nav-language-selector"] .ipc-menu__items)::after{ display:none !important; content:none !important; border:0 !important; box-shadow:none !important; } [data-menu-id="nav-language-selector"] .ipc-list-divider{ display:none !important; } :is([data-menu-id="navUserMenu"] .ipc-list__item, [data-menu-id="nav-language-selector"] .ipc-list__item, .react-autosuggest__suggestions-list .ipc-list__item, .react-autosuggest__suggestions-list > li, .react-autosuggest__suggestions-list a.searchResult){ transition: background-color .15s ease, color .15s ease; background: transparent !important; color: var(--ctp-text) !important; border-radius: var(--radius-sm) !important; outline:none !important; } :is([data-menu-id="navUserMenu"] .ipc-list__item, [data-menu-id="nav-language-selector"] .ipc-list__item):is(:hover, :focus), .react-autosuggest__suggestions-list > li:hover a.searchResult, .react-autosuggest__suggestions-list a.searchResult:hover, .react-autosuggest__suggestions-list .ipc-list__item:hover{ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; } /* Ensure text/icon within flyouts stays readable */ :is([data-menu-id="navUserMenu"] .ipc-list__item .ipc-list-item__text, [data-menu-id="nav-language-selector"] .ipc-list__item .ipc-list-item__text){ color: var(--ctp-text) !important; } :is([data-menu-id="navUserMenu"] .ipc-list__item .ipc-list-item__icon, [data-menu-id="nav-language-selector"] .ipc-list__item .ipc-list-item__icon){ color: var(--ctp-text) !important; fill: var(--ctp-text) !important; } /* Autosuggest input */ .sc-ed50659a-1.xXsGG, .sc-ed50659a-0.gwNDFc.react-autosuggest__input{ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; border: 1px solid var(--ctp-surface2) !important; border-radius: 6px !important; } .sc-ed50659a-0.gwNDFc.react-autosuggest__input::placeholder{ color: var(--ctp-overlay1) !important; } .react-autosuggest__container svg, .react-autosuggest__suggestions-container svg{ fill: currentColor !important; color: var(--ctp-text) !important; } /* Category selector menu (keeps your mantle preference) */ .searchCatSelector-menu, .searchCatSelector-menu .ipc-menu__items, .searchCatSelector-menu .ipc-list{ background-color: var(--ctp-mantle) !important; color: var(--ctp-text) !important; border: 1px solid var(--ctp-surface0) !important; border-top: none !important; border-bottom: none !important; border-radius: 6px !important; } .searchCatSelector-menu .ipc-list__item{ background: transparent !important; color: var(--ctp-text) !important; } .searchCatSelector-menu .ipc-list__item:hover{ background: var(--ctp-surface1) !important; color: var(--ctp-text) !important; } /* =========================== Watchlist button =========================== */ /* Watchlist (blue word + black count) */ a.ipc-btn[href*="/list/watchlist"] .ipc-btn__text, .ipc-btn__icon{ color: var(--ctp-blue) !important; } a.ipc-btn[href*="/list/watchlist"] .ipc-btn__text .imdb-header__watchlist-button-count{ color: var(--ctp-crust) !important; } a.ipc-btn[href*="/list/watchlist"]:is(:hover, :focus) .ipc-btn__text{ color: var(--ctp-blue) !important; } /* ================================ HERO RATING BAR — transparent controls ================================ */ [data-testid^="hero-rating-bar"] .ipc-btn, [data-testid="hero-rating-bar__user-rating"] .ipc-btn, [data-testid="hero-rating-bar__popularity"] .ipc-btn, [data-testid="hero-rating-bar__aggregate-rating"] .ipc-btn{ background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; } [data-testid^="hero-rating-bar"] .ipc-btn--core-baseAlt, [data-testid^="hero-rating-bar"] .ipc-btn--theme-baseAlt{ background: transparent !important; border: none !important; box-shadow: none !important; } .rating-bar__base-button, .sc-609d4a85-0, .sc-c5358bb8-0, .sc-9d3bc82f-2{ background: transparent !important; border: none !important; border-radius: var(--radius-md) !important; box-shadow: none !important; padding: 2px !important; transition: background-color .2s ease-in-out; } .rating-bar__base-button:hover, .sc-609d4a85-0:hover, .sc-c5358bb8-0:hover, .sc-9d3bc82f-2:hover{ background-color: var(--rating-hover) !important; } .sc-4dc495c1-0{ background: transparent !important; } .sc-8e956c5c-0.cfWEab.sc-13687a64-1.iWItnY, .sc-8e956c5c-1.dzAXeE{ background:none !important; border:none !important; box-shadow:none !important; } /* =========================== Image/overlay fixes =========================== */ .ipc-lockup-overlay__screen{ background: transparent !important; opacity: 0 !important; } .ipc-media img, .ipc-image img, .ipc-avatar img{ opacity: 1 !important; filter: none !important; mix-blend-mode: normal !important; visibility: visible !important; } /* Drawer panel */ @media (min-width: 600px){ .jruBIL{ background-color: var(--ctp-mantle) !important; border-radius: 6px !important; border: 1px solid var(--ctp-surface0) !important; } } /* Special containers */ .jnpMTe.baseAlt{ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; border-top-left-radius: var(--radius-md) !important; border-top-right-radius: var(--radius-md) !important; border-bottom-left-radius: var(--ipt-mediaRadius) !important; border-bottom-right-radius: var(--ipt-mediaRadius) !important; overflow: hidden !important; } /* Watch options button */ .ipc-btn.ipc-btn--on-accent2.ipc-secondary-button{ border: none !important; color: var(--ctp-blue) !important; } .ipc-btn.ipc-btn--on-accent2.ipc-secondary-button .ipc-icon{ color: var(--ctp-blue) !important; fill: var(--ctp-blue) !important; } /* Edit/Add */ a[data-testid="edit-button"], a[data-testid="add-button"]{ background: var(--ctp-surface0) !important; color: var(--ctp-blue) !important; } a[data-testid="edit-button"] .ipc-icon, a[data-testid="add-button"] .ipc-icon{ color: var(--ctp-red) !important; fill: var(--ctp-red) !important; } a[data-testid="edit-button"]:hover, a[data-testid="add-button"]:hover{ background-color: var(--ctp-surface0) !important; } /* Add to Watchlist + Dropdown */ button[data-testid="tm-box-wl-button"], button[data-testid="tm-box-addtolist-button"]{ background: var(--ctp-surface1) !important; color: var(--ctp-blue) !important; } button[data-testid="tm-box-wl-button"] .ipc-icon, button[data-testid="tm-box-addtolist-button"] .ipc-icon{ color: var(--ctp-crust) !important; fill: var(--ctp-crust) !important; } button[data-testid="tm-box-wl-button"]:hover, button[data-testid="tm-box-addtolist-button"]:hover{ background-color: var(--ctp-surface2) !important; } /* force icons to red in these two buttons (your later override kept) */ button[data-testid="tm-box-wl-button"] .ipc-icon, button[data-testid="tm-box-addtolist-button"] .ipc-icon{ fill: var(--ctp-red) !important; } /* Clear all */ button[data-testid="rvi-clear-all-btn"]{ background: transparent !important; border: none !important; box-shadow: none !important; color: var(--ctp-blue) !important; padding: 8px !important; } /* Episode guide link */ a[data-testid="hero-subnav-bar-series-episode-guide-link"]{ background: transparent !important; border: none !important; box-shadow: none !important; color: var(--ctp-blue) !important; padding: 8px !important; margin-left: 8px !important; } /* Cast & crew link styled as normal text (generic) */ a.ipc-link[href*="/fullcredits"]{ color: var(--ctp-text) !important; text-decoration: none !important; } a.ipc-link[href*="/fullcredits"]:hover{ text-decoration: underline !important; } /* Specific “Cast & crew” (keep peach + lavender hover) */ a.ipc-link[href*="/fullcredits/?ref_=tt_ov_ql_1"], a.ipc-link[href*="/fullcredits/?ref_=tt_ov_ql_1"]:visited{ color: var(--ctp-peach) !important; -webkit-text-fill-color: var(--ctp-peach) !important; } a.ipc-link[href*="/fullcredits/?ref_=tt_ov_ql_1"]:hover, a.ipc-link[href*="/fullcredits/?ref_=tt_ov_ql_1"]:focus{ color: var(--ctp-lavender) !important; -webkit-text-fill-color: var(--ctp-lavender) !important; } /* =========================== Mega-menu / Drawer =========================== */ [data-testid="drawer"], .drawer, .drawer__panel, .drawer__panelContent, .navlcl, .navlinkcat, .navlinkcat__listContainer, .navlinkcat__listContainerInner, .ipc-list.navlinkcat__list{ background: var(--ctp-base) !important; color: var(--ctp-text) !important; border: none !important; } .drawer__backdrop{ background: var(--ctp-mantle) !important; opacity: .95 !important; } .navlinkcat__list .ipc-list__item, .navlinkcat__list .ipc-list__item:nth-child(odd), [data-testid="panel-content"] .ipc-list__item, [data-testid="panel-content"] .ipc-list__item:nth-child(odd){ background: transparent !important; } .navlinkcat__list .ipc-list-divider{ border-color: var(--ctp-surface2) !important; } .navlinkcat__list .ipc-list__item:is(:hover, :focus){ background: var(--ctp-base) !important; color: var(--ctp-text) !important; } /* Drawer close button */ .drawer__panelHeaderClose, .drawer__panelHeaderClose svg{ color: var(--ctp-crust) !important; fill: var(--ctp-crust) !important; } .drawer__panelHeaderClose:hover, .drawer__panelHeaderClose:hover svg{ color: color-mix(in srgb, var(--ctp-crust) 80%, white) !important; fill: color-mix(in srgb, var(--ctp-crust) 80%, white) !important; } /* =========================== Awards section =========================== */ [data-testid="awards"], [data-testid="awards"] .ipc-metadata-list, [data-testid="awards"] .ipc-metadata-list__item, [data-testid="awards"] .ipc-inline-list{ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; border: none !important; } [data-testid="awards"] a, [data-testid="awards"] .ipc-metadata-list-item__list-content-item{ color: var(--ctp-crust) !important; } [data-testid="awards"] a:hover{ color: var(--ctp-mantle) !important; } [data-testid="awards"] svg{ fill: var(--ctp-red) !important; } [data-testid="awards"] .ipc-inline-list--show-dividers li{ border-color: rgba(255,255,255,.15) !important; } [data-testid="awards"]{ border: 1px solid var(--ipt-accent1-bg) !important; border-radius: 8px !important; overflow: hidden; } /* Awards: darker title */ [data-testid="awards"] li[data-testid="award_information"] > a.ipc-metadata-list-item__label--link, [data-testid="awards"] li[data-testid="award_information"] > a.ipc-metadata-list-item__label--link:visited, [data-testid="awards"] li[data-testid="award_information"] > a.ipc-metadata-list-item__label--link:hover, [data-testid="awards"] li[data-testid="award_information"] > a.ipc-metadata-list-item__label--link:focus{ color: var(--ctp-subtext0) !important; -webkit-text-fill-color: var(--ctp-red) !important; font-weight: 700 !important; } /* =========================== Advanced Search accents =========================== */ [data-testid="advanced-search-section"] .sc-f7740eed-0 span{ color: var(--ctp-mauve) !important; font-weight: 600; } .sc-c70bb40c-0.kGJlDJ{ color: var(--ctp-mauve) !important; font-weight: 600 !important; } .advanced-search-tabs{ background-color: var(--ctp-surface0) !important; border: 1px solid var(--ctp-surface2) !important; border-radius: 6px !important; padding: 2px !important; } .advanced-search-tabs .ipc-tab{ background: transparent !important; color: var(--ctp-text) !important; font-weight: 500 !important; transition: background-color .2s ease, color .2s ease; } .advanced-search-tabs .ipc-tab:hover{ background-color: var(--ctp-surface1) !important; color: var(--ctp-text) !important; } .advanced-search-tabs .ipc-tabs__indicator{ background-color: var(--ctp-mauve) !important; height: 3px !important; border-radius: 3px !important; } .advanced-search-tabs .ipc-tab__icon--pre{ fill: currentColor !important; } [data-testid="adv-search-get-results"].ipc-btn{ background-color: var(--ctp-mauve) !important; color: #1b1b1b !important; border: 1px solid var(--ctp-mauve) !important; border-radius: 6px !important; font-weight: 600 !important; transition: background-color .2s ease, color .2s ease; } [data-testid="adv-search-get-results"].ipc-btn:not([disabled]):hover{ background-color: var(--ctp-lavender) !important; color: #1b1b1b !important; } [data-testid="adv-search-get-results"].ipc-btn[disabled], [data-testid="adv-search-get-results"].ipc-btn.ipc-btn--not-interactable{ background-color: var(--ctp-surface1) !important; color: var(--ctp-overlay1) !important; border: 1px solid var(--ctp-surface2) !important; cursor: not-allowed !important; } .sc-2d056ab8-5.fLmkjJ{ background-color: transparent !important; border: none !important; } [data-testid="adv-search-expand-all"].ipc-btn{ padding: 4px 10px !important; background-color: var(--ctp-surface1) !important; color: var(--ctp-text) !important; border: 1px solid var(--ctp-surface2) !important; border-radius: 6px !important; } [data-testid="adv-search-expand-all"].ipc-btn:hover{ background-color: var(--ctp-surface2) !important; } .sc-e2d3558-4.cUdRNJ{ color: var(--ctp-subtext1) !important; font-style: italic; } .ipc-boolean-input__label{ color: var(--ctp-subtext1) !important; font-weight: 500; } /* Primary language only checkbox */ .sc-f44671ca-1.idmUnN, .ipc-check-box.ipc-check-box--base{ background: transparent !important; border: none !important; } .ipc-boolean-input__icon .ipc-icon{ color: var(--ctp-text) !important; fill: var(--ctp-text) !important; } /* Text inputs */ .ipc-textinput__label{ color: var(--ctp-subtext1) !important; font-weight: 500; } .ipc-textinput__container, .ipc-textinput__input-container, .ipc-textfield, .ipc-textfield__input-container, .ipc-textinput__field-container, .ipc-textfield__input, .ipc-textfield__input-container{ box-shadow: none !important; background-color: var(--ctp-surface0) !important; color: var(--ctp-text) !important; border-radius: 2px !important; } /* Helper/informational texts */ .sc-44d8068-0, .sc-44d8068-0 * , .sc-44d8068-4, .sc-44d8068-4 * , .sc-44d8068-2, .sc-44d8068-2 * , .sc-47f504ee-2, .sc-b9dddf59-4, .sc-303858fe-2, .sc-12f18b2d-4, .sc-ebdd2c78-2, .sc-47f504ee-2 * , .sc-b9dddf59-4 * , .sc-303858fe-2 * , .sc-12f18b2d-4 * , .sc-ebdd2c78-2 * , label.ipc-boolean-input__label, .ipc-boolean-input__label, label{ color: var(--ctp-subtext1) !important; } /* Communications/settings headline */ .sc-68472e1e-0.hrSfsO{ color: var(--ctp-text) !important; -webkit-text-fill-color: var(--ctp-text) !important; } div[class^="sc-"][class$="-0"].hrSfsO{ color: var(--ctp-text) !important; -webkit-text-fill-color: var(--ctp-text) !important; } /* =========================== HERO SUBNAV spacing (right block) =========================== */ [data-testid="hero-subnav-bar-right-block"]{ display: flex !important; align-items: center !important; gap: 12px !important; } [data-testid="hero-subnav-bar-topic-links"]{ margin-right: 4px !important; } [data-testid="hero-subnav-bar-imdb-pro-link"]{ margin-right: 12px !important; } [data-testid="hero-subnav-bar-all-topics-button"]{ margin-right: 12px !important; } [data-testid="hero-subnav-bar-right-block"] > *, [data-testid="hero-subnav-bar-right-block"] > *::before, [data-testid="hero-subnav-bar-right-block"] > *::after{ border: none !important; content: none !important; } [data-testid="hero-list-subnav-privacy-toggle"]{ display: flex !important; align-items: center !important; gap: 1px !important; } [data-testid="hero-list-subnav-privacy-toggle"] :is(span,label){ margin: 0 !important; } [data-testid="hero-list-subnav-export-button"]{ margin-right: 8px !important; } /* Topic links hover */ [data-testid="hero-subnav-bar-topic-links"] .ipc-link:hover, [data-testid="hero-subnav-bar-topic-links"] .ipc-link:focus{ color: var(--ctp-lavender) !important; text-decoration: underline !important; } [data-testid="hero-subnav-bar-topic-links"] .ipc-inline-list__item{ border-color: var(--ctp-surface1) !important; } /* Hero subnav: first link (Cast & crew) */ [data-testid="hero-subnav-bar-topic-links"] > li:first-child a{ color: var(--ctp-peach) !important; font-weight: 700 !important; } [data-testid="hero-subnav-bar-topic-links"] > li:first-child a:visited{ color: var(--ctp-peach) !important; } /* Hero subnav: All topics button */ button[data-testid="hero-subnav-bar-all-topics-button"]{ color: var(--ctp-peach) !important; font-weight: 700 !important; } button[data-testid="hero-subnav-bar-all-topics-button"]:hover, button[data-testid="hero-subnav-bar-all-topics-button"]:focus{ filter: brightness(1.05); } /* =========================== Misc extras / special accents =========================== */ .inline20-page-background{ display:none !important; } .ipc-icon.ipc-icon--done.ipc-icon--inline{ color: var(--ctp-surface2) !important; fill: var(--ctp-surface2) !important; } .metacritic-score-box{ color:#fff !important; border-radius: 4px; } .metacritic-score-label{ color: var(--ctp-subtext1) !important; } .cli-title-metadata{ display:flex; align-items:center; gap: .6em; margin-bottom: 6px; } .cli-title-metadata-item{ color: var(--ctp-subtext0) !important; font-weight: 500; } .metacritic-score-box{ color:#fff !important; font-weight: bold; border-radius: 4px; padding: 0 6px; line-height: 1.4; margin-right: 4px; } .metacritic-score-label{ color: var(--ctp-subtext1) !important; font-size: .9em; margin-left: 4px; } .etLrIr{ color:#ffdd55 !important; } /* Awards highlights */ .ipc-metadata-list-summary-item__tst, .awardCategoryName{ color:#ffdd55 !important; font-weight: 500; } /* IMDb Scout headers */ #imdbscout_header, #imdbscoutsecondbar_header{ background-color: var(--ctp-base) !important; } #imdbscout_iconsheader{ margin-left: 11px !important; } img[alt="AniDB"][style*="margin-left"]{ margin-left: 11px !important; } /* Reactions/likes */ .ipc-reaction-summary__label{ color: var(--ctp-text) !important; } .ipc-reaction-summary__likes-icon{ margin-left: 6px !important; } /* Thumb-up icon */ .ipc-reaction-summary__likes-icon, svg.ipc-icon--thumb-up{ color: var(--ctp-subtext1) !important; fill: currentColor !important; } .ipc-reaction-summary__likes-icon path, svg.ipc-icon--thumb-up path{ fill: currentColor !important; } [role="button"]:hover .ipc-reaction-summary__likes-icon, [aria-pressed="true"] .ipc-reaction-summary__likes-icon{ color: var(--ctp-text) !important; } /* Rating star (unrated state) */ .ipc-rating-star--rate svg{ color: var(--ctp-yellow) !important; fill: var(--ctp-yellow) !important; } /* =========================== FIX PACK — labels, cast, filters, details, etc. =========================== */ /* Section counters (Top cast / Episodes / Videos) */ :is([data-testid="title-cast-header"], .ipc-title.ipc-title--section-title) .ipc-title__subtext, [data-testid="hero-subnav-bar-series-episode-count"]{ color: var(--ctp-rosewater) !important; font-weight: 700 !important; } /* Cast list – character name styled like the year */ section[data-testid="title-cast"] .title-cast-item__characters-list a.title-cast-item__char, section[data-testid="title-cast"] .title-cast-item__characters-list .sc-10bde568-4{ color: var(--ctp-subtext1) !important; font-weight: 500 !important; } section[data-testid="title-cast"] .title-cast-item__characters-list a.title-cast-item__char:hover{ color: var(--ctp-lavender) !important; } /* Episodes pills – links */ section[data-testid="title-cast"] [data-testid^="title-cast-item__eps-toggle"]{ background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; color: var(--ctp-blue) !important; font-weight: 600 !important; line-height: 1.2 !important; } section[data-testid="title-cast"] [data-testid^="title-cast-item__eps-toggle"]:hover{ color: var(--ctp-lavender) !important; } /* Browse Episodes chips – links */ :is([aria-label*="BROWSE EPISODES"], [aria-label*="Browse episodes"]) .ipc-chip{ background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; color: var(--ctp-blue) !important; font-weight: 600 !important; } :is([aria-label*="BROWSE EPISODES"], [aria-label*="Browse episodes"]) .ipc-chip:hover{ color: var(--ctp-lavender) !important; } /* Keep big Episode guide button intact */ a[href*="/episodes"] .ipc-btn, a[href*="/episodes?"] .ipc-btn{ background: var(--ctp-surface1) !important; border: 1px solid var(--ctp-surface2) !important; } /* Expand / credits – plain links */ a:where(:not(.ipc-btn)):is([href*="expand"], [href*="credits"]), button:where([class*="expand"], [data-testid*="expand"]){ background: transparent !important; border: none !important; padding: 0 !important; color: var(--ctp-blue) !important; font-weight: 600 !important; } a:where(:not(.ipc-btn)):is([href*="expand"], [href*="credits"]):hover, button:where([class*="expand"], [data-testid*="expand"]):hover{ color: var(--ctp-lavender) !important; } /* Filmography rows – safer scope for flex alignment (prevents site-wide flex) */ :where(.ipc-metadata-list--base, .ipc-list--base) :is(.ipc-metadata-list__item, .ipc-list__item){ display:flex !important; align-items:center !important; } :where(.ipc-metadata-list--base, .ipc-list--base) :is(.ipc-metadata-list__item, .ipc-list__item) > *:last-child{ margin-left:auto !important; } :where(.ipc-metadata-list--base, .ipc-list--base) :is(.ipc-metadata-list__item, .ipc-list__item) .ipc-icon--info-outline{ margin-right:10px !important; opacity:.9 !important; } /* Medium labels like “TV Series”, etc. */ .cli-title-metadata .ipc-inline-list__item, .cli-title-metadata-item, [class*="metadata"] .ipc-inline-list__item{ color: var(--ctp-subtext1) !important; font-weight: 600 !important; } /* Sidebar cards */ [data-testid*="sidebar"] :is(.ipc-card, .ipc-slate-card, .ipc-poster-card){ display:block !important; background: var(--ctp-surface0) !important; border: 1px solid var(--ctp-surface2) !important; } /* Details labels */ section[data-testid="Details"] .ipc-metadata-list-item__label, section[id*="Details"] .ipc-metadata-list-item__label{ color: var(--ctp-lavender) !important; font-weight: 700 !important; margin-right: 6px !important; } /* Title page — Primary Credits labels */ [data-testid="title-pc-list"] .ipc-metadata-list-item__label, [data-testid="title-pc-list"] .ipc-metadata-list-item__label.ipc-btn--not-interactable, [data-testid="title-pc-list"] .ipc-metadata-list-item__label--link, [data-testid="title-pc-list"] a.ipc-metadata-list-item__label--link, [data-testid="title-pc-list"] a.ipc-metadata-list-item__label--link:visited{ color: var(--ctp-lavender) !important; -webkit-text-fill-color: var(--ctp-lavender) !important; font-weight: 700 !important; margin-right: 6px !important; } /* Cast footer list labels */ section[data-testid="title-cast"] .ipc-metadata-list--dividers-all .ipc-metadata-list-item__label, section[data-testid="title-cast"] .ipc-metadata-list--dividers-all .ipc-metadata-list-item__label.ipc-metadata-list-item__label--link, section[data-testid="title-cast"] .ipc-metadata-list--dividers-all .ipc-btn--not-interactable.ipc-metadata-list-item__label{ color: var(--ctp-lavender) !important; -webkit-text-fill-color: var(--ctp-lavender) !important; font-weight: 700 !important; margin-right: 6px !important; } /* Box office labels + values */ [data-testid="title-boxoffice-section"] .ipc-metadata-list-item__label, [data-testid="title-boxoffice-section"] .ipc-metadata-list-item__label.ipc-metadata-list-item__label--link, [data-testid="title-boxoffice-section"] .ipc-btn--not-interactable.ipc-metadata-list-item__label{ color: var(--ctp-lavender) !important; -webkit-text-fill-color: var(--ctp-lavender) !important; font-weight: 700 !important; margin-right: 6px !important; } [data-testid="title-boxoffice-section"] .ipc-metadata-list-item__list-content-item, [data-testid="title-boxoffice-section"] .ipc-metadata-list-item__list-content-item a, [data-testid="title-boxoffice-section"] .ipc-metadata-list-item__list-content-item.ipc-btn--not-interactable{ color: var(--ctp-subtext1) !important; -webkit-text-fill-color: var(--ctp-subtext1) !important; } /* Keep link-labels lavender even after visit */ section[data-testid="title-cast"] .ipc-metadata-list--dividers-all .ipc-metadata-list-item__label--link:visited{ color: var(--ctp-lavender) !important; -webkit-text-fill-color: var(--ctp-lavender) !important; } /* Technical specs labels */ section[data-testid*="Tech"] .ipc-metadata-list-item__label, li[data-testid^="title-techspec_"] .ipc-metadata-list-item__label, li[data-testid^="title-techspec_"] a.ipc-metadata-list-item__label--link{ color: var(--ctp-lavender) !important; -webkit-text-fill-color: var(--ctp-lavender) !important; font-weight: 700 !important; margin-right: 6px !important; } a.ipc-metadata-list-item__label--link[href*="/crazycredits"], a.ipc-metadata-list-item__label--link[href*="/crazycredits"]:visited{ color: var(--ctp-peach) !important; -webkit-text-fill-color: var(--ctp-peach) !important; } a.ipc-metadata-list-item__label--link[href*="/crazycredits"]:hover, a.ipc-metadata-list-item__label--link[href*="/crazycredits"]:focus{ color: var(--ctp-lavender) !important; -webkit-text-fill-color: var(--ctp-lavender) !important; } /* Add-to-Watchlist: “+” icon same blue as the text */ button[aria-label="Add to Watchlist"] .ipc-btn__icon--pre.ipc-icon--add, button[aria-label="Add to Watchlist"] svg.ipc-icon--add, button[aria-label="Add to Watchlist"] svg.ipc-icon--add path, a[aria-label="Add to Watchlist"] .ipc-btn__icon--pre.ipc-icon--add, a[aria-label="Add to Watchlist"] svg.ipc-icon--add, a[aria-label="Add to Watchlist"] svg.ipc-icon--add path{ color: var(--ctp-blue) !important; fill: var(--ctp-blue) !important; } /* Add space between labels and values */ .ipc-metadata-list-item__label{ margin-right: 6px !important; } /* Border around the entire list */ [data-testid="list-page-mc-list-content"]{ border: 1px solid var(--ctp-surface2) !important; } /* Match styling for buttons above list */ a[data-testid="list-page-atf-add-to-list-btn"], a.imdb-header__app-button{ background: var(--ctp-mauve) !important; color: var(--ctp-crust) !important; border-color: var(--ctp-mauve) !important; } a[data-testid="list-page-atf-add-to-list-btn"] .ipc-icon, a.imdb-header__app-button .ipc-icon{ color: var(--ctp-crust) !important; fill: var(--ctp-crust) !important; } a[data-testid="list-page-atf-add-to-list-btn"]:hover, a[data-testid="list-page-atf-add-to-list-btn"]:focus, a.imdb-header__app-button:hover, a.imdb-header__app-button:focus{ background-color: #b689f4 !important; color: var(--ctp-crust) !important; } a[data-testid="list-page-atf-add-to-list-btn"]:visited, a.imdb-header__app-button:visited{ color: var(--ctp-crust) !important; } /* Remove default top borders on list items */ [data-testid="list-page-mc-list-content"] .ipc-metadata-list--dividers-between > li.ipc-metadata-list-summary-item{ border-top: none !important; } /* Divider UNDER icons row */ [data-testid="list-page-mc-list-content"] .ipc-metadata-list--dividers-between > [class^="result_box_"] + li.ipc-metadata-list-summary-item{ border-top: 1px solid var(--ctp-surface2) !important; margin-top: 5px !important; } [data-testid="list-page-mc-list-content"] .ipc-metadata-list--dividers-between > [class^="result_box_"]{ display:block !important; } /* Episode cards date */ .sc-c5b37498-12.esCmc{ color: var(--ctp-subtext1) !important; } [data-testid$="-card"] [class*="day"], [data-testid$="-card"] [class*="date"], [data-testid$="-card"] time{ color: var(--ctp-subtext1) !important; } /* Watchlist ribbon colors */ .ipc-watchlist-ribbon .ipc-watchlist-ribbon__bg .ipc-watchlist-ribbon__bg-ribbon{ fill: var(--ctp-surface1) !important; } .ipc-watchlist-ribbon .ipc-watchlist-ribbon__bg .ipc-watchlist-ribbon__bg-hover{ fill: var(--ctp-surface2) !important; } .ipc-watchlist-ribbon .ipc-watchlist-ribbon__bg .ipc-watchlist-ribbon__bg-shadow{ fill: var(--ctp-surface2) !important; } .ipc-watchlist-ribbon .ipc-watchlist-ribbon__icon .ipc-icon{ color: var(--ctp-text) !important; fill: var(--ctp-text) !important; } .ipc-watchlist-ribbon--onImage{ mix-blend-mode: normal !important; } .ipc-watchlist-ribbon svg polygon{ fill: var(--ctp-surface1) !important; } /* Fix double lines in dividers-all metadata lists */ .ipc-metadata-list--dividers-all .ipc-metadata-list__item{ border-bottom: 0 !important; } .ipc-metadata-list--dividers-all .ipc-metadata-list__item + .ipc-metadata-list__item{ border-top: 1px solid var(--ctp-surface2) !important; } .ipc-metadata-list--dividers-all .ipc-metadata-list__item:first-child{ border-top: 0 !important; } .ipc-metadata-list--dividers-all .ipc-metadata-list__item:last-child{ border-bottom: 0 !important; } /* Storyline labels */ section[data-testid="Storyline"] .ipc-metadata-list-item__label, section[id*="Storyline"] .ipc-metadata-list-item__label, .ipc-metadata-list__item[data-testid^="storyline-"] .ipc-metadata-list-item__label{ color: var(--ctp-lavender) !important; font-weight: 700 !important; } section[data-testid="Storyline"] .ipc-metadata-list-item__label.ipc-metadata-list-item__label--link, section[data-testid="Storyline"] .ipc-metadata-list-item__label.ipc-metadata-list-item__label--link:visited{ color: var(--ctp-lavender) !important; } /* Episodes top-rated card light text */ [data-testid="episodes-top-rated-card"] .ipc-list-card__content, [data-testid="episodes-top-rated-card"] .ipc-list-card__content a, [data-testid="episodes-top-rated-card"] .ipc-list-card__content .ipc-inline-list__item{ color: var(--ctp-text) !important; } [data-testid="episodes-top-rated-card"] .sc-72ec7c2e-6 .ipc-inline-list__item{ color: var(--ctp-text) !important; } [data-testid="episodes-top-rated-card"] .sc-72ec7c2e-7, [data-testid="episodes-top-rated-card"] .sc-72ec7c2e-10{ color: var(--ctp-subtext1) !important; } [data-testid="episodes-top-rated-card"] .ipc-list-card__actions{ color: var(--ctp-text) !important; } /* Values slightly dimmer in Details */ section[data-testid="Details"] .ipc-metadata-list-item__list-content-item, section[id*="Details"] .ipc-metadata-list-item__list-content-item, section[data-testid="Details"] .ipc-metadata-list-item__list-content-item a, section[id*="Details"] .ipc-metadata-list-item__list-content-item a{ color: var(--ctp-subtext1) !important; } /* Cast colors */ section[data-testid="title-cast"] a[data-testid="title-cast-item__actor"]{ color: var(--ctp-mauve) !important; font-weight: 700 !important; } section[data-testid="title-cast"] a[data-testid="title-cast-item__actor"]:hover{ color: var(--ctp-lavender) !important; } section[data-testid="title-cast"] .title-cast-item__characters-list a{ color: var(--ctp-subtext1) !important; font-weight: 500 !important; } section[data-testid="title-cast"] .title-cast-item__characters-list a:hover{ color: var(--ctp-lavender) !important; } section[data-testid="title-cast"] .sc-755c335c-2 > span{ color: var(--ctp-subtext1) !important; } /* Cast qualifiers */ section[data-testid="title-cast"] .title-cast-item__characters-list .ipc-inline-list__item > span, section[data-testid="title-cast"] .ipc-inline-list__item > span{ color: var(--ctp-subtext1) !important; -webkit-text-fill-color: var(--ctp-subtext1) !important; } /* Profile banner */ [data-testid="user-legacy-alert"]{ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; border: 1px solid var(--ipt-accent1-bg) !important; border-radius: 8px !important; box-shadow: none !important; } [data-testid="user-legacy-alert"] > *{ background: transparent !important; } [data-testid="user-legacy-alert"] .sc-f912989d-3{ color: var(--ctp-text) !important; } [data-testid="user-legacy-alert"] .sc-f912989d-4{ color: var(--ctp-subtext1) !important; } /* Section headers + counters */ .ipc-title--section-title .ipc-title__text{ color: var(--ctp-text) !important; } .ipc-title--section-title .ipc-title__subtext{ color: var(--ctp-rosewater) !important; font-weight: 700 !important; } /* “Your X are public. Edit” */ [data-testid$="-privacy"] span{ color: var(--ctp-subtext1) !important; } [data-testid$="-privacy"] .ipc-link{ color: var(--ctp-blue) !important; } /* Check-ins */ [data-testid="user-check_in-list-item"] .sc-e77a4cfa-3{ color: var(--ctp-text) !important; } [data-testid="user-check_in-list-item"] .sc-e77a4cfa-4{ color: var(--ctp-subtext1) !important; } /* Badges */ [data-testid="bdg-shoveler"] .sc-bd79f1f-3{ color: var(--ctp-text) !important; } [data-testid="bdg-shoveler"] .sc-bd79f1f-4{ color: var(--ctp-subtext1) !important; } /* Poster titles */ .ipc-poster-card__title{ color: var(--ctp-text) !important; } /* Main column */ [data-testid="userProfilePage_maincolumn"]{ color: var(--ctp-text) !important; } /* Type tag */ .ipc-primary-image-list-card__title-type{ color: var(--ctp-subtext1) !important; } /* =========================== Filmography accordions =========================== */ .date-unrel-credits-accordion .ipc-accordion__item__divider--post-header, .date-credits-accordion .ipc-accordion__item__divider--post-header{ display:block !important; height:1px !important; border:0 !important; background: var(--ctp-surface1) !important; opacity:.7 !important; margin:0 !important; } .date-unrel-credits-accordion .ipc-accordion__item__divider--pre-header, .date-credits-accordion .ipc-accordion__item__divider--pre-header, .date-unrel-credits-accordion .ipc-accordion__item__divider--post-content, .date-credits-accordion .ipc-accordion__item__divider--post-content{ display:none !important; } .date-unrel-credits-accordion.ipc-accordion--pageSection, .date-credits-accordion.ipc-accordion--pageSection{ box-shadow: inset 0 0 0 1px var(--ctp-surface2) !important; border-radius: 12px !important; background: transparent !important; } .date-unrel-credits-accordion .ipc-metadata-list--dividers-between > li, .date-credits-accordion .ipc-metadata-list--dividers-between > li{ border-color: var(--ctp-surface1) !important; } .date-unrel-credits-accordion .ipc-accordion__item__header, .date-credits-accordion .ipc-accordion__item__header, .date-unrel-credits-accordion .ipc-accordion__item__header-shadow, .date-credits-accordion .ipc-accordion__item__header-shadow, .date-unrel-credits-accordion .ipc-accordion__item__header-shadow-cover, .date-credits-accordion .ipc-accordion__item__header-shadow-cover, .date-unrel-credits-accordion .ipc-accordion__item__label, .date-credits-accordion .ipc-accordion__item__label{ background: transparent !important; color: var(--ctp-text) !important; } .date-unrel-credits-accordion .ipc-accordion__item__chevron .ipc-icon, .date-credits-accordion .ipc-accordion__item__chevron .ipc-icon{ color: var(--ctp-subtext1) !important; fill: currentColor !important; } .date-credits-accordion .ipc-metadata-list-summary-item__tc > div > span + span, .date-unrel-credits-accordion .ipc-metadata-list-summary-item__tc > div > span + span, .date-credits-accordion .ipc-metadata-list-summary-item__tc > div > span:last-child, .date-unrel-credits-accordion .ipc-metadata-list-summary-item__tc > div > span:last-child{ color: var(--ctp-subtext1) !important; -webkit-text-fill-color: var(--ctp-subtext1) !important; } .date-credits-accordion .credit-text-list .ipc-inline-list__item, .date-unrel-credits-accordion .credit-text-list .ipc-inline-list__item, .date-credits-accordion .credit-text-list .ipc-btn--not-interactable, .date-unrel-credits-accordion .credit-text-list .ipc-btn--not-interactable{ color: var(--ctp-subtext1) !important; -webkit-text-fill-color: var(--ctp-subtext1) !important; } .date-credits-accordion .ipc-metadata-list-summary-item__tc .cmHZoJ, .date-unrel-credits-accordion .ipc-metadata-list-summary-item__tc .cmHZoJ{ color: var(--ctp-subtext1) !important; } .date-unrel-credits-accordion, .date-credits-accordion{ color: var(--ctp-text) !important; } .date-unrel-credits-accordion a.ipc-metadata-list-summary-item__t, .date-credits-accordion a.ipc-metadata-list-summary-item__t{ color: var(--ctp-text) !important; } .date-unrel-credits-accordion .ipc-metadata-list-summary-item__stl, .date-unrel-credits-accordion .ipc-metadata-list-summary-item__tl, .date-unrel-credits-accordion .ipc-metadata-list-summary-item__ctl, .date-unrel-credits-accordion .ipc-metadata-list-summary-item__cbl, .date-unrel-credits-accordion .credit-text-list, .date-credits-accordion .ipc-metadata-list-summary-item__stl, .date-credits-accordion .ipc-metadata-list-summary-item__tl, .date-credits-accordion .ipc-metadata-list-summary-item__ctl, .date-credits-accordion .ipc-metadata-list-summary-item__cbl, .date-credits-accordion .credit-text-list{ color: var(--ctp-subtext1) !important; } .date-unrel-credits-accordion .ipc-accordion__item__label, .date-credits-accordion .ipc-accordion__item__label{ color: var(--ctp-text) !important; } .date-unrel-credits-accordion .ipc-accordion__item__label .credits-total, .date-credits-accordion .ipc-accordion__item__label .credits-total{ color: var(--ctp-rosewater) !important; font-weight: 700 !important; } .date-unrel-credits-accordion .ipc-rating-star--rating, .date-credits-accordion .ipc-rating-star--rating{ color: var(--ctp-rosewater) !important; fill: currentColor !important; } .date-unrel-credits-accordion .ipc-metadata-list-summary-item__li--link, .date-credits-accordion .ipc-metadata-list-summary-item__li--link{ color: var(--ctp-blue) !important; } .date-unrel-credits-accordion .ipc-icon-button .ipc-icon, .date-credits-accordion .ipc-icon-button .ipc-icon{ color: var(--ctp-subtext1) !important; } .ipc-metadata-list-summary-item.ipc-metadata-list-summary-item--click:hover{ background: var(--ctp-surface0) !important; } /* =========================== Global “+” icon rule (kept) =========================== */ .ipc-btn__icon.ipc-icon--add, .ipc-icon.ipc-icon--add, svg.ipc-icon--add, svg.ipc-icon--add > path{ color: var(--ctp-crust) !important; fill: var(--ctp-red) !important; } /* =========================== WHAT'S ON — NavigationWidget =========================== */ [data-testid="symphony-NavigationWidget"]{ background: var(--ctp-base) !important; color: var(--ctp-text) !important; } [data-testid="symphony-NavigationWidget"] .ipc-page-section, [data-testid="symphony-NavigationWidget"] .ipc-tabs, [data-testid="symphony-NavigationWidget"] .ipc-tab, [data-testid="symphony-NavigationWidget"] .ipc-title, [data-testid="symphony-NavigationWidget"] .ipc-title-link-wrapper{ background: transparent !important; color: var(--ctp-text) !important; } [data-testid="symphony-HeroWidget"] .ipc-poster + a, [data-testid="symphony-HeroWidget"] .ipc-poster + a:visited, [data-testid="symphony-HeroWidget"] .ipc-poster + a:hover, [data-testid="symphony-HeroWidget"] .ipc-poster + a .sc-6fdee83c-3{ color: var(--ctp-text) !important; -webkit-text-fill-color: var(--ctp-text) !important; text-decoration: none !important; } /* Share menu */ .ipc-list.sharemenu-list, .ipc-list.sharemenu-list .ipc-list__item{ background-color: var(--ctp-crust) !important; color: var(--ctp-text) !important; } .ipc-list.sharemenu-list .ipc-list__item:hover, .ipc-list.sharemenu-list .ipc-list__item:focus{ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; } /* Name page — Details block */ ul.ipc-metadata-list.ipc-metadata-list--dividers-all.ipc-metadata-list--base[role="presentation"] > li.ipc-metadata-list__item :is(.ipc-metadata-list-item__label, .ipc-metadata-list-item__label.ipc-btn--not-interactable){ color: var(--ctp-lavender) !important; -webkit-text-fill-color: var(--ctp-lavender) !important; font-weight: 700 !important; margin-right: 6px !important; } ul.ipc-metadata-list.ipc-metadata-list--dividers-all.ipc-metadata-list--base[role="presentation"] > li.ipc-metadata-list__item a.ipc-metadata-list-item__label--link{ color: var(--ctp-peach) !important; -webkit-text-fill-color: var(--ctp-peach) !important; font-weight: 700 !important; } ul.ipc-metadata-list.ipc-metadata-list--dividers-all.ipc-metadata-list--base[role="presentation"] > li.ipc-metadata-list__item a.ipc-metadata-list-item__label--link:hover{ color: var(--ctp-lavender) !important; -webkit-text-fill-color: var(--ctp-lavender) !important; } /* Small gap between Starmeter buttons */ .sc-b0a84d32-0.ffveQj{ display:flex; align-items:center; gap:2px; } /* Bio details */ ul.ipc-metadata-list.ipc-metadata-list--dividers-between.ipc-metadata-list--base[role="presentation"] > li.ipc-metadata-list__item .ipc-metadata-list-item__label{ color: var(--ctp-lavender) !important; font-weight: 700 !important; margin-right: 6px !important; } /* Bio Height */ ul.ipc-metadata-list.ipc-metadata-list--dividers-between.ipc-metadata-list--base[role="presentation"] > li#height .ipc-html-content-inner-div, ul.ipc-metadata-list.ipc-metadata-list--dividers-between.ipc-metadata-list--base[role="presentation"] > li#height .ipc-html-content-inner-div a{ color: var(--ctp-peach) !important; -webkit-text-fill-color: var(--ctp-peach) !important; } ul.ipc-metadata-list.ipc-metadata-list--dividers-between.ipc-metadata-list--base[role="presentation"] > li.ipc-metadata-list__item .ipc-html-content-inner-div a:hover{ color: var(--ctp-peach) !important; -webkit-text-fill-color: var(--ctp-peach) !important; } /* FAQ answers */ [data-testid="faq-content"] ul.ipc-metadata-list.ipc-metadata-list--dividers-all.ipc-metadata-list--base .ipc-html-content-inner-div, [data-testid="faq-content"] ul.ipc-metadata-list.ipc-metadata-list--dividers-all.ipc-metadata-list--base .ipc-html-content-inner-div a{ color: var(--ctp-peach) !important; -webkit-text-fill-color: var(--ctp-peach) !important; } [data-testid="faq-content"] ul.ipc-metadata-list.ipc-metadata-list--dividers-all.ipc-metadata-list--base .ipc-html-content-inner-div a:hover{ color: var(--ctp-peach) !important; -webkit-text-fill-color: var(--ctp-peach) !important; } /* Arrow in "Add title to another list" */ button[data-testid="tm-box-addtolist-button"] .ipc-icon.ipc-icon--arrow{ color: var(--ctp-red) !important; fill: currentColor !important; } /* Release & AKA rows */ [data-testid="sub-section-releases"] .ipc-metadata-list__item .ipc-metadata-list-item__label, [data-testid="sub-section-releases"] .ipc-metadata-list__item a.ipc-metadata-list-item__label--link, [data-testid="sub-section-akas"] .ipc-metadata-list__item .ipc-metadata-list-item__label, [data-testid="sub-section-akas"] .ipc-metadata-list__item a.ipc-metadata-list-item__label--link{ color: var(--ctp-lavender) !important; -webkit-text-fill-color: var(--ctp-lavender) !important; font-weight: 700 !important; } [data-testid="sub-section-releases"] .ipc-metadata-list-item__list-content-item, [data-testid="sub-section-akas"] .ipc-metadata-list-item__list-content-item{ color: var(--ctp-peach) !important; -webkit-text-fill-color: var(--ctp-peach) !important; } [data-testid="sub-section-releases"] .ipc-metadata-list-item__list-content-item--subText, [data-testid="sub-section-akas"] .ipc-metadata-list-item__list-content-item--subText{ color: var(--ctp-subtext1) !important; -webkit-text-fill-color: var(--ctp-subtext1) !important; } /* Severity summary */ [data-testid="severity-summary"], [data-testid="severity-summary"] *{ color: var(--ctp-peach) !important; -webkit-text-fill-color: var(--ctp-peach) !important; font-weight: 600; } /* More-from links */ .sc-10892d53-1.hgsZIQ a[data-testid="more-from-item"]{ color: var(--ctp-peach) !important; font-weight: 700 !important; } .sc-10892d53-1.hgsZIQ a[data-testid="more-from-item"]:visited{ color: var(--ctp-lavender) !important; } .sc-10892d53-1.hgsZIQ a[data-testid="more-from-item"]:hover, .sc-10892d53-1.hgsZIQ a[data-testid="more-from-item"]:focus{ text-decoration: underline !important; } /* =========================== Full Credits — big container per list =========================== */ ul.full-credits-page-list.ipc-metadata-list--base{ background: var(--ctp-surface0) !important; border: 1px solid var(--ctp-surface1) !important; border-radius: 14px !important; padding: 12px 14px !important; margin: 12px 0 20px !important; box-shadow: 0 6px 18px rgba(0,0,0,.12) !important; } ul.full-credits-page-list.ipc-metadata-list--base > li.ipc-metadata-list-summary-item{ background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 10px 0 !important; margin: 0 !important; box-shadow: none !important; } ul.full-credits-page-list.ipc-metadata-list--base > li.ipc-metadata-list-summary-item + li.ipc-metadata-list-summary-item{ border-top: 1px solid var(--ctp-surface1) !important; } ul.full-credits-page-list.ipc-metadata-list--base > li.ipc-metadata-list-summary-item:hover{ background: color-mix(in srgb, var(--ctp-surface2) 35%, transparent) !important; } .full-credits-page-list .name-credits--title-text-big, .full-credits-page-list .name-credits--title-text-big:link, .full-credits-page-list .name-credits--title-text-big:visited, .full-credits-page-list .name-credits--title-text-big:hover, .full-credits-page-list .name-credits--title-text-big:focus{ color: var(--ctp-lavender) !important; -webkit-text-fill-color: var(--ctp-lavender) !important; font-weight: 700 !important; } .full-credits-page-list .name-credits--title-text-small, .full-credits-page-list .name-credits--title-text-small:link, .full-credits-page-list .name-credits--title-text-small:visited, .full-credits-page-list .name-credits--title-text-small:hover, .full-credits-page-list .name-credits--title-text-small:focus{ color: var(--ctp-peach) !important; -webkit-text-fill-color: var(--ctp-peach) !important; font-weight: 600 !important; } .full-credits-page-list .sc-2840b417-1{ color: var(--ctp-subtext1) !important; -webkit-text-fill-color: var(--ctp-subtext1) !important; } .full-credits-page-list .sc-2840b417-1 .ipc-link.ipc-link--base{ display: inline-block !important; border: 1px solid var(--ctp-peach) !important; border-radius: 9999px !important; padding: 2px 8px !important; line-height: 1.1 !important; color: var(--ctp-peach) !important; -webkit-text-fill-color: var(--ctp-peach) !important; background: transparent !important; } .full-credits-page-list .sc-2840b417-1 .ipc-link.ipc-link--base:hover{ background: color-mix(in srgb, var(--ctp-peach) 12%, transparent) !important; } /* Clean up */ .full-credits-page-list .ipc-metadata-list-summary-item__t{ display:none !important; } .full-credits-page-list a:hover{ text-decoration: none !important; } /* Light text only inside these title sections */ :is( ul.full-credits-page-list, [data-testid="sub-section-releases"], [data-testid="sub-section-akas"], section[data-testid="DidYouKnow"], [data-testid="more-from-section"], section[data-testid="title-cast"] ) :where(p, span, div, a, button, li, time, small, strong){ color: var(--ctp-text) !important; -webkit-text-fill-color: var(--ctp-text) !important; } /* Keep your colored labels/titles intact */ :is( ul.full-credits-page-list, [data-testid="sub-section-releases"], [data-testid="sub-section-akas"], section[data-testid="DidYouKnow"], [data-testid="more-from-section"], section[data-testid="title-cast"] ) :where( .name-credits--title-text-big, .name-credits--title-text-small, .ipc-metadata-list-item__label, [data-testid="more-from-item"] ){ color: inherit !important; -webkit-text-fill-color: inherit !important; } /* Override inline black only inside those sections */ :is( ul.full-credits-page-list, [data-testid="sub-section-releases"], [data-testid="sub-section-akas"], section[data-testid="DidYouKnow"], [data-testid="more-from-section"], section[data-testid="title-cast"] ) *[style*="color:#000"], :is( ul.full-credits-page-list, [data-testid="sub-section-releases"], [data-testid="sub-section-akas"], section[data-testid="DidYouKnow"], [data-testid="more-from-section"], section[data-testid="title-cast"] ) *[style*="rgb(0,0,0)"]{ color: var(--ctp-text) !important; -webkit-text-fill-color: var(--ctp-text) !important; } /* Keep "more from" inline links peach */ a[data-testid="more-from-item"], a[data-testid="more-from-item"]:visited{ color: var(--ctp-peach) !important; -webkit-text-fill-color: var(--ctp-peach) !important; font-weight: 700 !important; } a[data-testid="more-from-item"]:hover, a[data-testid="more-from-item"]:focus{ color: var(--ctp-lavender) !important; -webkit-text-fill-color: var(--ctp-lavender) !important; text-decoration: underline !important; } /* =========================== Add-to-list prompt panel =========================== */ .ipc-promptable-base__panel.ipc-promptable-base__panel--baseAlt{ background: var(--ctp-crust) !important; color: var(--ctp-text) !important; border: 1px solid var(--ctp-surface1) !important; } .ipc-promptable-base__panel :is(.ipc-prompt-header--baseAlt, .ipc-media--baseAlt, .ipc-list--baseAlt, .ipc-poster--baseAlt){ background: transparent !important; color: var(--ctp-text) !important; } .ipc-promptable-base__panel .ipc-list__item{ background: transparent !important; } .ipc-promptable-base__panel *::before, .ipc-promptable-base__panel *::after{ background: transparent !important; box-shadow: none !important; border: 0 !important; } /* Peach check icon when selected inside prompt */ .ipc-promptable-base__panel :is( button[aria-pressed="true"], [aria-checked="true"], .selected, .is-active ) .ipc-icon.ipc-icon--done, .ipc-promptable-base__panel :is( button[aria-pressed="true"], [aria-checked="true"], .selected, .is-active ) .ipc-icon.ipc-icon--done path{ color: var(--ctp-peach) !important; fill: var(--ctp-peach) !important; } /* Selected state: checkmark color (sem pintar fundos/overlays) */ :is([aria-pressed="true"], [aria-checked="true"], .selected, .is-active) .ipc-watchlist-ribbon__icon svg.ipc-icon--done { color: var(--ctp-red) !important; background: transparent !important; } /* Pinta só o traço do check (o 2º path), não o SVG todo */ :is([aria-pressed="true"], [aria-checked="true"], .selected, .is-active) .ipc-watchlist-ribbon__icon svg.ipc-icon--done path:last-of-type { fill: currentColor !important; } /* Garante que o path “fill=none” continua NONE */ :is([aria-pressed="true"], [aria-checked="true"], .selected, .is-active) .ipc-watchlist-ribbon__icon svg.ipc-icon--done path[fill="none"] { fill: none !important; } /* Extra: se o IMDb estiver a meter um quadrado via CSS no container */ .ipc-watchlist-ribbon__icon { background: transparent !important; } /* Director/Writers row: right-side names */ ul.ipc-metadata-list.ipc-metadata-list--dividers-all.ipc-metadata-list--base .ipc-metadata-list-item__content-container a, ul.ipc-metadata-list.ipc-metadata-list--dividers-all.ipc-metadata-list--base .ipc-metadata-list-item__content-container a.ipc-metadata-list-item__list-content-item, ul.ipc-metadata-list.ipc-metadata-list--dividers-all.ipc-metadata-list--base .ipc-metadata-list-item__content-container a.ipc-metadata-list-item__list-content-item--link{ color: var(--ctp-peach) !important; -webkit-text-fill-color: var(--ctp-peach) !important; font-weight: 600; } ul.ipc-metadata-list.ipc-metadata-list--dividers-all.ipc-metadata-list--base .ipc-metadata-list-item__content-container a:hover{ color: var(--ctp-lavender) !important; -webkit-text-fill-color: var(--ctp-lavender) !important; } /* Cast grid: actor names = lavender; character = softer */ [data-testid="shoveler-items-container"] a[data-testid="title-cast-item__actor"], section[data-testid="title-cast"] a[data-testid="title-cast-item__actor"]{ color: var(--ctp-lavender) !important; -webkit-text-fill-color: var(--ctp-lavender) !important; font-weight: 700; } [data-testid="shoveler-items-container"] a[data-testid="title-cast-item__actor"]:hover, section[data-testid="title-cast"] a[data-testid="title-cast-item__actor"]:hover{ color: var(--ctp-mauve) !important; -webkit-text-fill-color: var(--ctp-mauve) !important; } [data-testid="shoveler-items-container"] .title-cast-item__char, [data-testid="shoveler-items-container"] .title-cast-item__char span, section[data-testid="title-cast"] .title-cast-item__char, section[data-testid="title-cast"] .title-cast-item__char span{ color: var(--ctp-subtext1) !important; font-weight: 500; } /* DidYouKnow label/link */ section[data-testid="DidYouKnow"] .ipc-metadata-list-item__label.ipc-metadata-list-item__label--link, section[data-testid="DidYouKnow"] .ipc-metadata-list-item__label.ipc-metadata-list-item__label--link:visited, section[data-testid="DidYouKnow"] .ipc-metadata-list-item__label.ipc-metadata-list-item__label--link:hover, section[data-testid="DidYouKnow"] .ipc-metadata-list-item__label.ipc-metadata-list-item__label--link:focus{ color: var(--ctp-lavender) !important; -webkit-text-fill-color: var(--ctp-lavender) !important; font-weight: 700; } section[data-testid="DidYouKnow"] .ipc-metadata-list-item__content-container a, section[data-testid="DidYouKnow"] .ipc-metadata-list-item__content-container a:visited, section[data-testid="DidYouKnow"] .ipc-metadata-list-item__content-container a:hover, section[data-testid="DidYouKnow"] .ipc-metadata-list-item__content-container a:focus{ color: var(--ctp-peach) !important; -webkit-text-fill-color: var(--ctp-peach) !important; } /* =========================== IMDb Episodes tabs — dark fix =========================== */ .sc-3f9bc2f7-0, .sc-3f9bc2f7-0 *:where(.ipc-tabs){ background: transparent !important; } .sc-3f9bc2f7-0 .ipc-tabs--base{ background: var(--ctp-base) !important; border: 1px solid var(--ctp-surface2) !important; border-radius: 8px !important; } .sc-3f9bc2f7-0 .ipc-tabs--base > ul[role="tablist"]{ background: transparent !important; border: 0 !important; } .sc-3f9bc2f7-0 .ipc-tab-link{ background: transparent !important; color: var(--ctp-text) !important; border-radius: 6px !important; padding: 8px 12px !important; } .sc-3f9bc2f7-0 .ipc-tab-link:hover, .sc-3f9bc2f7-0 .ipc-tab-link:focus{ background: var(--ctp-surface1) !important; color: var(--ctp-text) !important; } .sc-3f9bc2f7-0 .ipc-tab--active{ color: var(--ctp-text) !important; background: var(--ctp-surface0) !important; } .sc-3f9bc2f7-0 .ipc-tabs__indicator{ background: var(--ctp-mauve) !important; height: 3px !important; border-radius: 3px !important; } .sc-3f9bc2f7-0 .ipc-tab-arrow{ background: transparent !important; } .sc-3f9bc2f7-0 .ipc-tab-arrow--icon{ color: var(--ctp-subtext1) !important; fill: currentColor !important; } .sc-3f9bc2f7-0 .ipc-tab-arrow:hover .ipc-tab-arrow--icon{ color: var(--ctp-lavender) !important; } .sc-3f9bc2f7-0 .ipc-tabs--display-chip .ipc-tab-link{ background: var(--ctp-surface1) !important; border: 1px solid var(--ctp-surface2) !important; color: var(--ctp-text) !important; } .sc-3f9bc2f7-0 .ipc-tabs--display-chip .ipc-tab--active{ background: var(--ctp-mauve) !important; border-color: var(--ctp-mauve) !important; color: #1b1b1b !important; } .sc-3f9bc2f7-0 .ipc-tabs--display-chip .ipc-tab-link:hover{ background: var(--ctp-surface2) !important; } .sc-3f9bc2f7-0 :is(.ipc-tabs, .ipc-tab-link, [role="tablist"]){ background-color: transparent !important; } /* Episodes: date stamp color fix */ .sc-5372d523-10, .sc-5372d523-10.knzESm{ color: var(--ctp-text) !important; -webkit-text-fill-color: var(--ctp-subtext1) !important; } [data-testid*="episode"], section[id*="episodes"], section[data-testid*="episode"] span[class*="sc-"][class*="-10"]{ color: var(--ctp-subtext1) !important; } section[id*="episode"], section[data-testid*="episode"] *[style*="color:#000"], section[id*="episode"], section[data-testid*="episode"] *[style*="rgb(0, 0, 0)"]{ color: var(--ctp-subtext1) !important; -webkit-text-fill-color: var(--ctp-subtext1) !important; } /* =========================== Collapse IMDbPro upsell row (no gap) =========================== */ li.ipc-metadata-list__item:has(#ProUpsellLink), li.ipc-metadata-list__item:has([data-testid="hero-proupsell"]), li.ipc-metadata-list__item:has(.pro-upsell){ display:none !important; } /* =========================== Contribute: landing form (white bg) — dark fix =========================== */ .form-buttons.landing{ background: var(--ctp-surface0) !important; } .form-buttons.landing *[style*="background:#fff"], .form-buttons.landing *[style*="background: #fff"], .form-buttons.landing *[style*="background:white"], .form-buttons.landing *[style*="background: white"]{ background: transparent !important; } /* RetroAdds MOTD banner override */ #retroadds > div[style*="background-color: #ffa92a"], #retroadds > div[style*="#ffa92a"]{ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; border: 1px solid var(--ctp-surface1) !important; } #retroadds > div[style*="#ffa92a"] a{ color: var(--ctp-peach) !important; } #retroadds > div[style*="#ffa92a"] a:hover{ color: var(--ctp-lavender) !important; } /* Force dark background on contribute pages */ .a-container.min-content-height.ra-container, .a-container.min-content-height.ra-container.plaid, #updates_raw, #retroadds, .submission-message, form[name="f"], .choose, .group, .form-buttons.landing{ background: var(--ctp-base) !important; color: var(--ctp-text) !important; } @media (min-width: 1024px){ .a-container, .a-section, .a-box, .a-cardui, .a-box .a-box-inner{ background: var(--ctp-base) !important; } } #updates_raw *[style*="color: black"], #updates_raw *[style*="color:#000"], #updates_raw *[style*="rgb(0, 0, 0)"]{ color: var(--ctp-text) !important; } /* “Continue »” button */ input.btn.primary, .btn.primary{ background: var(--ctp-mauve) !important; border-color: var(--ctp-mauve) !important; color: #1b1b1b !important; } input.btn.primary:hover, .btn.primary:hover{ background: var(--ctp-lavender) !important; border-color: var(--ctp-lavender) !important; } /* Explain row — kill light green background */ .accept_data, .item_explain, .accept_data.item_explain, .item_outer.accept_data, .a-container.plaid #updates_raw .item_container .item_row:not(.header) .item_field, .a-container.plaid #updates_raw .item_container .item_row:not(.header) .item_field.col-action { background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; } /* =========================== IMDb Contribution (compact) =========================== */ /* Base canvas */ body.contribution, #a-page, #pagecontent, .contribution-content, div.contribution, .a-container, .a-row, .a-section, .a-box, .a-box-inner, .a-cardui{ background: var(--ctp-base) !important; color: var(--ctp-text) !important; border-color: var(--ctp-surface2) !important; } /* Header / footer */ #navbar, #nav-main, .contribution-header, #nav-bar.imdb, #hmenu-canvas, #hmenu-canvas .hmenu, footer, #footer, .navFooterBackToTop, .navFooterLinkCol, .navFooterVerticalColumn{ background: var(--ctp-crust) !important; color: var(--ctp-text) !important; border: 0 !important; } /* Links */ #pagecontent a, #nav-bar.imdb a, #nav-right-top a, #nav-right-bottom a, #nav-links a, .a-link-normal, .a-link-emphasis, .a-color-link{ color: var(--ctp-peach) !important; text-decoration: none; } #pagecontent a:hover, #nav-bar.imdb a:hover, #nav-right-top a:hover, #nav-right-bottom a:hover, #nav-links a:hover, .a-link-normal:hover, .a-link-emphasis:hover{ color: var(--ctp-lavender) !important; } #pagecontent a:visited, .a-visited{ color: var(--ctp-red) !important; } h1, h2, h3, h4, .a-size-large, .a-size-medium{ color: var(--ctp-text) !important; } .a-color-base, .a-color-secondary, .a-color-tertiary, .a-text-normal{ color: var(--ctp-subtext1) !important; } /* Divider pipes in legacy bar */ #nav-bar.imdb .bar{ color: var(--ctp-overlay1) !important; } /* Forms & inputs */ .a-input-text, .a-textarea, input[type="text"], input[type="search"], input[type="email"], input[type="number"], textarea, select, .a-select, .a-dropdown-container, .a-combobox-container{ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; border: 1px solid var(--ctp-surface2) !important; border-radius: var(--radius-sm) !important; box-shadow: none !important; } ::placeholder{ color: var(--ctp-overlay1) !important; } .a-dropdown-prompt, .a-dropdown-label, .a-select-label{ color: var(--ctp-text) !important; background: var(--ctp-surface0) !important; border-color: var(--ctp-surface2) !important; } .a-checkbox-label, .a-radio-label, label{ color: var(--ctp-subtext1) !important; } input[type="checkbox"], input[type="radio"]{ accent-color: var(--ctp-mauve) !important; } /* Header search */ #nav-search .a-search{ background: var(--ctp-surface0) !important; border: 1px solid var(--ctp-surface2) !important; border-radius: var(--radius-sm) !important; } #nav-search .a-search input[type="search"]{ background: transparent !important; color: var(--ctp-text) !important; } #nav-search .a-icon-search{ filter: invert(1) !important; } /* Buttons */ .a-button, .a-button.a-button-base, .a-button.a-button-toggle{ background: var(--ctp-surface1) !important; border: 1px solid var(--ctp-surface2) !important; color: var(--ctp-text) !important; border-radius: var(--radius-sm) !important; box-shadow: none !important; } .a-button:hover{ background: var(--ctp-surface2) !important; } .a-button .a-button-inner{ background: transparent !important; border-color: var(--ctp-surface2) !important; } .a-button-primary, .a-button-primary .a-button-inner{ background: var(--ctp-mauve) !important; border-color: var(--ctp-mauve) !important; color: #1b1b1b !important; } .a-button-primary:hover, .a-button-primary .a-button-inner:hover{ background: var(--ctp-lavender) !important; border-color: var(--ctp-lavender) !important; } /* Submit in header search */ #nav-search .a-button-search, #nav-search .a-button-search .a-button-inner{ background: var(--ctp-mauve) !important; border-color: var(--ctp-mauve) !important; color: #1b1b1b !important; border-radius: var(--radius-sm) !important; } #nav-search .a-button-search:hover, #nav-search .a-button-search .a-button-inner:hover{ background: var(--ctp-lavender) !important; border-color: var(--ctp-lavender) !important; } /* Legacy anchors-as-buttons */ a.btn, .btn, a.button, .button{ display: inline-block; background: var(--ctp-mauve) !important; color: #1b1b1b !important; border: 1px solid var(--ctp-mauve) !important; border-radius: 8px !important; padding: 6px 12px !important; font-weight: 600 !important; text-decoration: none !important; } a.btn:hover, .btn:hover, a.button:hover, .button:hover{ background: var(--ctp-lavender) !important; border-color: var(--ctp-lavender) !important; } /* Pagination (history) */ a[href*="/updates/history"][href*="Start="]{ background: var(--ctp-surface1) !important; color: var(--ctp-text) !important; border: 1px solid var(--ctp-surface2) !important; border-radius: 8px !important; padding: 6px 12px !important; } a[href*="/updates/history"][href*="Start="]:hover{ background: var(--ctp-surface2) !important; } /* Tables */ table.a-bordered, table.a-keyvalue, .a-table, table{ background: transparent !important; color: var(--ctp-text) !important; border-color: var(--ctp-surface2) !important; } .a-table th, .a-table td, th, td{ border-color: var(--ctp-surface2) !important; } .a-table thead th{ color: var(--ctp-subtext0) !important; } /* Alerts */ .a-alert, .a-box.a-alert, .a-alert-info, .a-alert-success, .a-alert-warning, .a-alert-error{ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; border: 1px solid var(--ctp-surface2) !important; border-left-width: 3px !important; } .a-alert-info { border-left-color: var(--ctp-sapphire) !important; } .a-alert-success { border-left-color: var(--ctp-green) !important; } .a-alert-warning { border-left-color: var(--ctp-peach) !important; } .a-alert-error { border-left-color: var(--ctp-red) !important; } /* Popovers/modals/tooltips */ .a-popover-wrapper, .a-popover, .a-popover-inner, .a-popover-content, .a-modal-scroller, .a-modal-dialog, .a-dialog-container, .aok-layer, .a-tooltip, .a-tooltip-inner{ background: var(--ctp-crust) !important; color: var(--ctp-text) !important; border: 1px solid var(--ctp-surface1) !important; box-shadow: none !important; } /* Breadcrumbs & pagination */ .a-breadcrumb a, .a-breadcrumb .a-breadcrumb-label{ color: var(--ctp-peach) !important; } .a-breadcrumb a:hover{ color: var(--ctp-lavender) !important; } .a-pagination li a, .a-pagination li span{ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; border-color: var(--ctp-surface2) !important; } .a-pagination .a-selected a, .a-pagination .a-selected span{ background: var(--ctp-mauve) !important; color: #1b1b1b !important; border-color: var(--ctp-mauve) !important; } hr, .a-divider, .a-divider.a-divider-normal{ background: var(--ctp-surface2) !important; border-color: var(--ctp-surface2) !important; } .a-badge, .a-badge .a-badge-text, .a-badge .a-badge-label{ background: var(--ctp-surface1) !important; color: var(--ctp-text) !important; border-color: var(--ctp-surface2) !important; } .a-progress-bar .a-progress-bar-inner, meter::-webkit-meter-optimum-value, meter::-moz-meter-bar{ background: var(--ctp-yellow) !important; } :focus-visible, .a-focus-ring{ outline: 2px solid var(--ctp-lavender) !important; outline-offset: 2px !important; } .a-scrollable, .a-modal-scroller, .a-popover-inner, .a-popover{ scrollbar-color: var(--ctp-surface2) var(--ctp-surface0) !important; } .a-list-item:nth-child(odd){ background: rgba(49,50,68,.35) !important; } /* Legacy nav & sprite fixes */ #nav-bar.imdb, #nav-logo, #nav-logo-text, #nav-middle, #nav-right-top, #nav-right-bottom{ background: var(--ctp-crust) !important; color: var(--ctp-text) !important; } #nav-bar.imdb a, #nav-logo-text a, #nav-right-top a, #nav-right-bottom a, #nav-user-name{ color: var(--ctp-text) !important; } #nav-user-name:hover{ color: var(--ctp-lavender) !important; } :not(.a-mobile) #nav-logo-image-contributor, :not(.a-mobile) #nav-bar.imdb #nav-logo-image-contributor, :not(.a-mobile) #nav-right-top #nav-mini-pro, :not(.a-mobile) #nav-bar.imdb #nav-logo-image{ background-color: var(--ctp-crust) !important; } #nav-links a, #nav-links a:visited{ color: var(--ctp-peach) !important; } #nav-links a:hover{ color: var(--ctp-lavender) !important; } .history_bottom img, img[src*="retroadds-checkarrow"], img.hoverZoomLink[src*="transparent-pixel"]{ filter: invert(1) brightness(1.15) contrast(1.08) !important; } #pagecontent, #pagecontent *{ color: var(--ctp-text) !important; } /* Lists ("Recently viewed", etc.): tipo do título */ .cli-title-metadata .cli-title-type-data, .cli-title-type-data { color: var(--ctp-subtext1) !important; -webkit-text-fill-color: var(--ctp-subtext1) !important; font-weight: 500 !important; } /* =============================== IMDb – Secondary metadata text =============================== */ .yhr-size-and-percent, .sc-d8f8b55e-2 { color: var(--ctp-subtext0) !important; -webkit-text-fill-color: var(--ctp-subtext0) !important; font-weight: 500; } .sc-2df17e0-0, .sc-2df17e0-0 span, .sc-2df17e0-1 { color: var(--ctp-subtext0) !important; -webkit-text-fill-color: var(--ctp-subtext0) !important; font-weight: 500; } .cli-children span, .cli-title-metadata span { color: inherit; } /* Ensure no forced low-contrast styles leak through */ [class*="metadata" i] span { color: var(--ctp-subtext0); } /* TenUp — botão "Mark as watched" compacto */ button.TenUp_tenUpWatchedButton__GYi7E { width: fit-content !important; min-width: 0 !important; padding-left: 10px !important; padding-right: 10px !important; border-radius: 999px !important; } button.TenUp_tenUpWatchedButton__GYi7E { margin-left: 0 !important; align-self: flex-start !important; } button.TenUp_tenUpWatchedButton__GYi7E .ipc-btn__text { white-space: nowrap !important; } /* TenUp cards (Home) — fundo surface1 */ [data-testid^="tenup_item_"].bg-dark-shade1, [data-testid^="tenup_item_"] .bg-dark-shade1 { background: var(--ctp-surface0) !important; } .dyJuif.baseAlt { background: var(--ctp-surface0) !important; } .imdb-header, .imdb-footer, footer { background: var(--ctp-base) !important; } .kQNZgU { background: var(--ctp-red) !important; color: var(--ctp-subtext1) !important; } .hokwBZ { color: var(--ctp-subtext1) !important; } .gxvdab .metadata{ color: var(--ctp-subtext1) !important; } #footer{ background: var(--ctp-base) !important; } .a-container.plaid #updates_raw .form-buttons { background: var(--ctp-surface1) !important; } /* =========================== IMDb / IMDbPro Help boxes (AUI) Fix white backgrounds -> Catppuccin surfaces =========================== */ .message, .message .a-box, .message .a-box-inner, .message .a-section, .message .a-row, .message .multiple-content, .message .a-alert, .message .a-alert-container, .message .a-expander-container, .message .a-expander-section-container, .message .a-section-expander-container, .message .a-expander-section-content, .message .a-expander-content, .message .a-expander-content-expanded { background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; border-color: var(--ctp-surface0) !important; border-radius: 10px; } .message .aui-padding, .message .a-box-inner.aui-padding { background: var(--ctp-surface0) !important; } .message a.a-expander-header, .message .a-expander-section-header { background: var(--ctp-surface1) !important; color: var(--ctp-text) !important; border-color: var(--ctp-surface2) !important; border-radius: 10px; } .message p, .message li, .message span, .message small, .message strong { color: var(--ctp-text) !important; } .message a { color: var(--ctp-blue) !important; } .message a:hover { color: var(--ctp-sky) !important; } .message .a-icon, .message .a-icon-alert, .message .a-icon-section-expand, .message .a-icon-section-collapse { filter: brightness(0) invert(1) !important; opacity: 0.9 !important; } .message hr { border: 0 !important; border-top: 1px solid var(--ctp-surface2) !important; background: transparent !important; } .message table, .message tbody, .message tr, .message td, .message th { background: transparent !important; color: var(--ctp-text) !important; border-color: var(--ctp-surface2) !important; } .message img { background: transparent !important; } .message [style*="background"], .message [style*="background-color: rgb(255"], .message [style*="background-color:#fff"], .message [style*="background-color: #fff"], .message [style*="background-color: white"] { background: var(--ctp-surface1) !important; } /* =========================== Contribute / Help (AUI) — kill remaining white blocks =========================== */ .message .a-box-inner, .message a.a-expander-header, .message .a-expander-section-header, .a-container.plaid #updates_raw .item_container .choose_more, .a-container.plaid #updates_raw .item_container .blurb.no-data, .a-container.plaid #updates_raw .message_warn .blurb, .a-container.plaid #updates_raw div.blurb .a-expander-content p{ border-radius: 10px !important; } #updates_raw .blurb, #updates_raw .choose_more, #updates_raw .message_warn, #updates_raw .message_warn .blurb, #updates_raw .item_container .blurb, #updates_raw .item_container .choose_more, #updates_raw .item_container .normal_data, #updates_raw .item_container .normal_data .item_row, #updates_raw .item_container .normal_data .item_row .item_field, #updates_raw .multiple-content, #updates_raw .a-box, #updates_raw .a-box-inner{ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; border-color: var(--ctp-surface2) !important; } #updates_raw .a-alert, #updates_raw .a-alert-container, #updates_raw .a-alert-content, #updates_raw .a-alert-content *{ background: transparent !important; color: var(--ctp-text) !important; } #updates_raw .a-expander-content, #updates_raw .a-expander-content *{ background: transparent !important; color: var(--ctp-text) !important; } #updates_raw .a-expander-content p, #updates_raw .a-expander-content table, #updates_raw .a-expander-content tbody, #updates_raw .a-expander-content tr, #updates_raw .a-expander-content td, #updates_raw .a-expander-content th{ background: var(--ctp-surface1) !important; color: var(--ctp-text) !important; border-color: var(--ctp-surface2) !important; } #updates_raw :is(textarea, input[type="text"], input[type="search"], select), .message :is(textarea, input[type="text"], input[type="search"], select){ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; border: 1px solid var(--ctp-surface2) !important; } #updates_raw *[style*="background"], #updates_raw *[style*="background-color"], #updates_raw *[style*="#fff"], #updates_raw *[style*="white"], #updates_raw *[style*="rgb(255"]{ background: var(--ctp-surface1) !important; } #updates_raw .header, #updates_raw .header div{ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; } /* Contribute – spacer action column */ .a-container.plaid #updates_raw .item_container .spacer.col-action{ background: var(--ctp-surface0) !important; color: var(--ctp-text) !important; border-color: var(--ctp-surface2) !important; } /* =========================== Final fix pack — search / AI review / track contribution =========================== */ #nav-search-form, #nav-search-form > *, #nav-search-form .imdb-header-search__state, #nav-search-form .imdb-header-search__input, #nav-search-form .nav-search__search-submit, #nav-search-form .searchCatSelector-button, #nav-search-form .searchCatSelector-button-mobile{ background: var(--ctp-surface0) !important; border-radius: 8px !important; box-shadow: none !important; } #nav-search-form .imdb-header-search__input, #nav-search-form .searchCatSelector-button, #nav-search-form .searchCatSelector-button-mobile, #nav-search-form .nav-search__search-submit{ border-radius: 8px !important; } #nav-search-form .react-autosuggest__suggestions-container--open, #nav-search-form .react-autosuggest__suggestions-list, #nav-search-form .searchCatSelector-menu{ border-radius: 8px !important; } .AIReviewSummary_disclaimer__CCUVJ, .AIReviewSummary_disclaimer__CCUVJ *{ color: var(--ctp-subtext1) !important; -webkit-text-fill-color: var(--ctp-subtext1) !important; opacity: 1 !important; } .a-container.plaid #updates_raw a.trackbutton, .a-container.plaid #updates_raw a.btn.trackbutton, .a-container.plaid #updates_raw input.btn.trackbutton, .a-container.plaid #updates_raw .trackbutton, a.trackbutton, a.trackbutton:visited, input.trackbutton{ display: inline-block !important; background: var(--ctp-surface0) !important; color: var(--ctp-blue) !important; border: 1px solid var(--ctp-surface2) !important; border-radius: 999px !important; box-shadow: none !important; text-decoration: none !important; } .a-container.plaid #updates_raw a.trackbutton:hover, .a-container.plaid #updates_raw a.btn.trackbutton:hover, .a-container.plaid #updates_raw input.btn.trackbutton:hover, .a-container.plaid #updates_raw .trackbutton:hover, a.trackbutton:hover, input.trackbutton:hover{ background: var(--ctp-surface1) !important; color: var(--ctp-lavender) !important; border-color: var(--ctp-lavender) !important; } } /* end @-moz-document */