Trump administration presses efforts to ensure supply of critical minerals outside of China - AP News

Vice President JD Vance says the Trump administration wants to create a critical minerals trading bloc that will use tariffs to maintain price floors and defend against China’s tactic of flooding the market to undermine any potential competitors. 2 of 6 |  Vice President JD Vance steps away from the podium after speaking at the Critical Minerals Ministerial meeting at the State Department, Wednesday, Feb. 4, 2026 in Washington. (AP Photo/Kevin Wolf) 3 of 6 |  Secretary of State Marco Rubio speaks at a news conference during the Critical Minerals Ministerial meeting at the State Department, Wednesday, Feb. 4, 2026 in Washington. (AP Photo/Kevin Wolf) 4 of 6 |  Japan’s minister of state for foreign affairs, Iwao Horii, speaks during the Critical Minerals Ministerial meeting at the State Department, Wednesday, Feb. 4, 2026 in Washington. (AP Photo/Kevin Wolf) 5 of 6 |  Secretary of State Marco Rubio, right, welcomes Vice President JD Vance to the stage during the Critical Minerals Ministerial meeting at the State Department, Wednesday, Feb. 4, 2026 in Washington. (AP Photo/Kevin Wolf) 6 of 6 |  Workers use machinery to dig at a rare earth mine in Ganxian county in central China’s Jiangxi province on Dec. 30, 2010. (Chinatopix via AP, File) Vice President JD Vance says the Trump administration wants to create a critical minerals trading bloc that will use tariffs to maintain price floors and defend against China’s tactic of flooding the market to undermine any potential competitors. Add AP News as your preferred source to see more of our stories on Google. Share Share Facebook Copy Link copied Print Email X LinkedIn Bluesky Flipboard Pinterest Reddit Read More 2 of 6 |  Vice President JD Vance steps away from the podium after speaking at the Critical Minerals Ministerial meeting at the State Department, Wednesday, Feb. 4, 2026 in Washington. (AP Photo/Kevin Wolf) Vice President JD Vance steps away from the podium after speaking at the Critical Minerals Ministerial meeting at the State Department, Wednesday, Feb. 4, 2026 in Washington. (AP Photo/Kevin Wolf) Add AP News as your preferred source to see more of our stories on Google. Share Share Facebook Copy Link copied Print Email X LinkedIn Bluesky Flipboard Pinterest Reddit Read More 3 of 6 |  Secretary of State Marco Rubio speaks at a news conference during the Critical Minerals Ministerial meeting at the State Department, Wednesday, Feb. 4, 2026 in Washington. (AP Photo/Kevin Wolf) Secretary of State Marco Rubio speaks at a news conference during the Critical Minerals Ministerial meeting at the State Department, Wednesday, Feb. 4, 2026 in Washington. (AP Photo/Kevin Wolf) Add AP News as your preferred source to see more of our stories on Google. Share Share Facebook Copy Link copied Print Email X LinkedIn Bluesky Flipboard Pinterest Reddit Read More 4 of 6 |  Japan’s minister of state for foreign affairs, Iwao Horii, speaks during the Critical Minerals Ministerial meeting at the State Department, Wednesday, Feb. 4, 2026 in Washington. (AP Photo/Kevin Wolf) Japan’s minister of state for foreign affairs, Iwao Horii, speaks during the Critical Minerals Ministerial meeting at the State Department, Wednesday, Feb. 4, 2026 in Washington. (AP Photo/Kevin Wolf) Add AP News as your preferred source to see more of our stories on Google. Share Share Facebook Copy Link copied Print Email X LinkedIn Bluesky Flipboard Pinterest Reddit Read More 5 of 6 |  Secretary of State Marco Rubio, right, welcomes Vice President JD Vance to the stage during the Critical Minerals Ministerial meeting at the State Department, Wednesday, Feb. 4, 2026 in Washington. (AP Photo/Kevin Wolf) Secretary of State Marco Rubio, right, welcomes Vice President JD Vance to the stage during the Critical Minerals Ministerial meeting at the State Department, Wednesday, Feb. 4, 2026 in Washington. (AP Photo/Kevin Wolf) Add AP News as your preferred source to see more of our stories on Google. Share Share Facebook Copy Link copied Print Email X LinkedIn Bluesky Flipboard Pinterest Reddit Read More 6 of 6 |  Workers use machinery to dig at a rare earth mine in Ganxian county in central China’s Jiangxi province on Dec. 30, 2010. (Chinatopix via AP, File) Workers use machinery to dig at a rare earth mine in Ganxian county in central China’s Jiangxi province on Dec. 30, 2010. (Chinatopix via AP, File) Add AP News as your preferred source to see more of our stories on Google. Share Share Facebook Copy Link copied Print Email X LinkedIn Bluesky Flipboard Pinterest Reddit Read More By  DIDI TANG, JOSH FUNK and MATTHEW LEE Updated : , ,   Leer en español  Add AP News on Google Add AP News as your preferred source to see more of our stories on Google. Share (function () { const counter = document.getElementById("scrollToComments"); const HEADER_OFFSET = 120; function findCommentsModule() { return document.querySelector('.vf3-comments, vf-conversations, '); } function maybeShowCounter() { if (findCommentsModule()) { counter.style.display = "inline-flex"; } else { counter.style.display = "none"; } } // Show only when Viafoura is present maybeShowCounter(); // Watch DOM for late loads const observer = new MutationObserver(maybeShowCounter); observer.observe(document.documentElement, { childList: true, subtree: true }); // Scroll action counter.addEventListener("click", function () { const el = findCommentsModule(); if (!el) return; const top = el.getBoundingClientRect().top + window.scrollY - HEADER_OFFSET; window.scrollTo({ top, behavior: "smooth" }); }); })(); .thin-line-button { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ccc; height: 30px; padding: 0 10px; cursor: pointer; border-radius: 5px; background: none; text-align: center; font-size: 1.4rem; font-weight: 700; white-space: nowrap; flex-shrink: 0; color: inherit; transition: none; /* Remove animation effect */ } .thin-line-button { color: #000; background: white; } /* Remove hover effect */ .thin-line-button:hover { border: 1px solid #ccc; } .comment-icon { width: 20px; height: 20px; min-width: 20px; min-height: 20px; flex: 0 0 20px; object-fit: contain; display: inline-block; } .Page-actions-commentCounter .embed-caption { display: none; } .vf-comments-count.vf-is-logged-in { margin-left: 4px; } WASHINGTON (AP) — The Trump administration announced Wednesday that it wants to create a critical minerals trading bloc with its allies and partners, using tariffs to maintain minimum prices and defend against China’s stranglehold on the key elements needed for everything from fighter jets to smartphones. Vice President JD Vance said the U.S.-China trade war over the past year exposed how dependent most countries are on the critical minerals that Beijing largely dominates, so collective action is needed now to give the West self-reliance. “We want members to form a trading bloc among allies and partners, one that guarantees American access to American industrial might while also expanding production across the entire zone,” Vance said at the opening of a meeting that Secretary of State Marco Rubio hosted with officials from several dozen European, Asian and African nations. The Republican administration is making bold moves to shore up supplies of critical minerals needed for electric vehicles, missiles and other high-tech products after China choked off their flow in response to President Donald Trump’s sweeping tariffs last year. While the two global powers reached a truce to pull back on the high import taxes and stepped-up rare earth restrictions, China’s limits remain tighter than they were before Trump took office. Vance, in Milan, says the Olympics are ‘one of the few things’ that unite Americans 3 MIN READ Trump’s border czar is pulling 700 immigration officers out of Minnesota immediately 4 MIN READ Iran and US agree to hold nuclear talks Friday in Oman as Trump delivers blunt warning to Khamenei 5 MIN READ The critical minerals meeting comes at a time of significant tensions between Washington and major allies over President Donald Trump’s territorial ambitions, including Greenland, and his moves to exert control over Venezuela and other nations. His bellicose and insulting rhetoric directed at U.S. partners has led to frustration and anger. The conference, however, is an indication that the United States is seeking to build relationships when it comes to issues it deems key national security priorities. While major allies like France and the United Kingdom attended the meeting in Washington, Greenland and Denmark, the NATO ally with oversight of the mineral-rich Arctic island, did not. Vance said some countries have signed on to the trading bloc, which is designed to ensure stable prices and will provide members access to financing and the critical minerals. Administration officials said the plan will help the West move beyond complaining about the problem of access to critical minerals to actually solving it. “Everyone here has a role to play, and that’s why we’re so grateful for you coming and being a part of this gathering that I hope will lead to not just more gatherings, but action,” Rubio said. Vance said that for too long, China has used the tactic of unloading materials at cheap prices to undermine potential competitors, then ratcheting up prices later after keeping new mines from being built in other countries. Prices within the preferential trade zone will remain consistent over time, the vice president said. “Our goal within that zone is to create diverse centers of production, stable investment conditions and supply chains that are immune to the kind of external disruptions that we’ve already talked about,” he said. In Beijing, Chinese Foreign Ministry spokesperson Lin Jian said in response to a question about the trading bloc that “we oppose any country undermining the international economic and trade order through rules set by small cliques.” To make the new trading group work, it will be important to have ways to keep countries from buying cheap Chinese materials on the side and to encourage companies from getting the critical minerals they need from China, said Ian Lange, an economics professor who focuses on rare earths at the Colorado School of Mines. “Let’s just say it’s standard economics or standard behavior. If I can cheat and get away with it, I will,” he said. At least for defense contractors, Lange said the Pentagon can enforce where those companies get their critical minerals, but it may be harder with electric vehicle makers and other manufacturers. Trump this week also announced Project Vault, a plan for a strategic U.S. stockpile of rare earth elements to be funded with a $10 billion loan from the U.S. Export-Import Bank and nearly $1.67 billion in private capital. In addition, the government recently made its fourth direct investment in an American critical minerals producer, extending $1.6 billion to USA Rare Earth in exchange for stock and a repayment deal. The Pentagon has shelled out nearly $5 billion over the past year to spur mining. The administration has prioritized the moves because China controls 70% of the world’s rare earths mining and 90% of the processing. Trump and Chinese President Xi Jinping spoke by phone Wednesday, including about trade. A social media post from Trump did not specifically mention critical minerals. Heidi Crebo-Rediker, a senior fellow in the Center for Geoeconomic Studies at the Council on Foreign Relations, said the meeting was “the most ambitious multilateral gathering of the Trump administration.” “The rocks are where the rocks are, so when it comes to securing supply chains for both defense and commercial industries, we need trusted partners,” she said. Japan’s minister of state for foreign affairs, Iwao Horii, said Tokyo was fully on board with the U.S. initiative and would work with as many countries as possible to ensure its success. “Critical minerals and (their) stable supply is indispensable to the sustainable development of the global economy,” he said. The European Union and Japan together as well as Mexico announced agreements to work with the United States to develop coordinated trade policies and price floors to support the development of a critical minerals supply chain outside of China. The countries said they would develop an agreement about what steps they will take and explore ways to expand the effort to include additional like-minded nations. Also Wednesday, the Republican-controlled House approved a bill to accelerate mining on federal land despite objections from Democrats and conservation groups that it amounted to a blank check to foreign-owned mining corporations. The bill, which next heads to the Senate, would codify Trump’s executive orders to boost domestic mining and processing of minerals important to energy, defense and other applications. Associated Press writers Matthew Daly and Ken Moritsugu in Beijing contributed to this report. DIDI TANG Tang joined the AP Washington bureau in 2023 after spending 11 years in Beijing as a China correspondent. She covers anything related to the Indo-Pacific region with a focus on U.S.-China competitions mailto JOSH FUNK Funk is an Associated Press reporter who covers transportation including aviation safety and airlines along with all the major freight railroads. Funk also covers Warren Buffett’s Berkshire Hathaway, the impact of the ongoing bird flu outbreak, agriculture and other news out of the Midwest. twitter mailto window.vfQ = window.vfQ || ; // Zephr mod handling + prepublish + login failure handling setTimeout(() => { const all = document.querySelectorAll('.Zephr.Zephr-mod'); // If there's more than one of this element, delete the one with ID if (all.length > 1) { const withId = document.getElementById('viafoura-zephr-mod'); if (withId) withId.remove(); return } // prepublish → Zephr auth / walls handling window.vfQ.push(() => { if (!window.vf || typeof window.vf.$prepublish !== 'function') return; window.vf.$prepublish((channel, event, ...args) => { if (channel === 'authentication' && event === 'required') { window.vf.$publish && window.vf.$publish('tray', 'close'); window.Zephr?.openModal?.(); // window.location.href = `/login?target=${window.location.pathname}` return false; } else if (channel === 'walls' && event === 'post-attempt') { if (window.zephrQueue && typeof window.zephrQueue.enqueue === 'function') { window.zephrQueue.enqueue(async (zephr) => { if ( !zephr?.accessDetails?.authenticated || !window.Zephr?.openModal ) { return; } window.Zephr.openModal(); }); } return { channel, event, args }; } else { return { channel, event, args }; } }); }); // login failure → show ban message + tooltip window.vfQ.push(() => { if (!window.vf || typeof window.vf.$subscribe !== 'function') return; window.vf.$subscribe('login', 'failure', (errorContext) => { if (!errorContext) return; const isBanned = errorContext.error_key === 'login_banned'; if (!isBanned) return; let reasonText = 'Your account has been permanently banned from posting.'; if (errorContext.isPermanent === 0) { const date = new Date(errorContext.endDate); const formatted = date.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric', hour: 'numeric', minute: '2-digit', hour12: true, }); reasonText = 'Your account has been banned from posting until ' + formatted; } waitForEditorWrapper((wrapper) => { if (wrapper && !document.querySelector('.vf-ban-container')) { const container = document.createElement('div'); container.className = 'vf-ban-container'; // Message const message = document.createElement('div'); message.className = 'vf-ban-message'; message.innerHTML = '❗' + '' + reasonText + ''; // Tooltip trigger if (errorContext.reason) { const tooltip = document.createElement('span'); tooltip.className = 'vf-ban-tooltip'; tooltip.textContent = ' — WHY WAS I BANNED?'; const tooltipContent = document.createElement('div'); tooltipContent.className = 'vf-ban-tooltip-content'; tooltipContent.textContent = errorContext.reason; tooltip.appendChild(tooltipContent); message.appendChild(tooltip); } container.appendChild(message); wrapper.parentNode.insertBefore(container, wrapper.nextSibling); } }); }); }); }, 50); function waitForEditorWrapper(callback, maxTries = 50, interval = 100) { let tries = 0; const iv = setInterval(() => { const wrapper = document.querySelector('.vf-new-content__content-editor-wrapper'); if (wrapper) { clearInterval(iv); callback(wrapper); } else if (++tries >= maxTries) { clearInterval(iv); } }, interval); } // Tags that always block comments on ANY story, regardless of section. const COMMENT_BLOCK_TAGS = ; // Section name we care about (as it appears in ). // We'll normalize to lowercase, so "World News" -> "world news". const WORLD_NEWS_SECTION = 'world news'; // Tags that block comments ONLY when the story is in the World News section. const WORLD_NEWS_EXCLUSION_TAGS = ; function pageHasBlockedTag(tagsToBlock = COMMENT_BLOCK_TAGS) { const metas = Array.from( document.querySelectorAll(', 'meta' ].join(',')) ); const pageTags = metas .map(m => (m.getAttribute('content') || '')) .flatMap(c => c.split(',')) .map(s => s.trim().toLowerCase()) .filter(Boolean); const blockSet = new Set( (tagsToBlock || ).map(t => String(t).trim().toLowerCase()).filter(Boolean) ); return pageTags.some(t => blockSet.has(t)); } function getPageSection() { // Look for // or just in case. const meta = document.querySelector( 'meta, meta' ); if (!meta) return ''; return (meta.getAttribute('content') || '').trim().toLowerCase(); } function replaceBellIconInNav(container) { if (!container) return; const bellButtons = container.querySelectorAll( '.comment-nav-right .vf-tray-trigger.comment-nav-right__icon, .vf-tray-trigger' ); bellButtons.forEach((btn) => { if (btn.dataset.iconSwapped === '1') return; const bellSvg = btn.querySelector('.vf-icon_bell_icon'); if (bellSvg) bellSvg.remove(); const img = document.createElement('img'); img.src = 'https://assets.apnews.com/75/e2/83fe757647f790e4a0bf06370f10/comment-2.png'; img.alt = 'Comments'; img.style.height = '24px'; img.style.width = '24px'; img.style.verticalAlign = 'middle'; img.setAttribute('data-ap-bell', '1'); // precise selector for dark-mode tweak btn.appendChild(img); btn.dataset.iconSwapped = '1'; }); } function injectNoticeInContainer(container) { if (!container) return false; if (container.querySelector('.vf-guidelines-notice')) return true; const header = container.querySelector('.vf-comment-header'); if (!header) return false; const notice = document.createElement('div'); notice.className = 'vf-guidelines-notice'; notice.innerHTML = 'All comments are subject to our ' + 'Community Guidelines.' + 'Please note that comments are not moderated immediately — every post is reviewed before appearing publicly to ensure it meets our community guidelines. This means there may be a delay before your comment is visible.'; header.parentNode.insertBefore(notice, header.nextSibling); return true; } function hideFloatingBellButton() { document.querySelectorAll('.vf-tray-trigger--floating').forEach((btn) => { btn.style.display = 'none'; }); } function moveTrendingAboveCommentsFooter() { const trendingHost = document.getElementById('ap-trending-host'); if (!trendingHost || trendingHost.dataset.moved === '1') return; const footer = document.querySelector('#vf-conversations > div > section > div > footer'); if (footer && footer.parentNode) { footer.parentNode.insertBefore(trendingHost, footer); trendingHost.dataset.moved = '1'; } } function onCommentingLoaded() { const container = document.getElementById('ap-comments'); if (!container) return; injectNoticeInContainer(container); replaceBellIconInNav(container); moveTrendingAboveCommentsFooter(); } function wireViafoura() { if (window.vf && typeof window.vf.$subscribe === 'function') { window.vf.$subscribe('commenting', 'loaded', onCommentingLoaded); } } /* ----------------- DARK THEME HANDLING ----------------- */ function isDarkColor(rgb) { if (!rgb) return false; const m = rgb.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/i); if (!m) return false; const r = +m, g = +m, b = +m; const lum = (0.2126*r + 0.7152*g + 0.0722*b) / 255; return lum < 0.5; } function shouldUseDarkTheme() { if (document.querySelector('')) return true; const carrier = document.querySelector('') || document.body || document.documentElement; const bg = carrier ? getComputedStyle(carrier).backgroundColor : ''; return isDarkColor(bg); } function getEffectiveDarkBg() { const carrier = document.querySelector('') || document.body || document.documentElement; const bg = carrier ? getComputedStyle(carrier).backgroundColor : ''; return bg && bg !== 'rgba(0, 0, 0, 0)' && bg !== 'transparent' ? bg : '#0b0b0b'; } // NEW: normalize dropdown/menu background in dark mode (solid dark, non-transparent) function fixDarkModeDropdowns() { if (!shouldUseDarkTheme()) return; const bg = getEffectiveDarkBg(); const text = 'rgba(255,255,255,0.85)'; const dropdowns = document.querySelectorAll( ',,.vf-dropdown__menu,.vf-select__menu' ); dropdowns.forEach((el) => { const cs = getComputedStyle(el); const bgColor = cs.backgroundColor; // Only fix ones that are effectively transparent / not already dark if ( bgColor === 'rgba(0, 0, 0, 0)' || bgColor === 'transparent' ) { el.style.setProperty('--default-color', bg); el.style.setProperty('--background-color', bg); el.style.setProperty('--light-text-on-default-color', text); el.style.setProperty('--dark-text-on-default-color', '#ffffff'); el.style.setProperty('--light-text-on-background-color', text); el.style.setProperty('--dark-text-on-background-color', '#ffffff'); el.style.backgroundColor = bg; el.style.color = text; } }); } function applyDarkThemeIfNeeded() { const container = document.getElementById('ap-comments'); if (!container) return; const useDark = shouldUseDarkTheme(); const bg = useDark ? getEffectiveDarkBg() : null; container.classList.toggle('ap-comments--dark', useDark); if (useDark) { container.style.setProperty('--apc-bg', bg); container.style.setProperty('--apc-text', '#e8e8e8'); container.style.setProperty('--apc-link', '#9ecbff'); container.setAttribute('data-theme', 'dark'); container.style.setProperty('background', 'var(--apc-bg)', 'important'); // Normalize Viafoura / AP-style variables INSIDE the comments container container.style.setProperty('--default-color', bg); container.style.setProperty('--background-color', bg); container.style.setProperty('--light-text-on-default-color', 'rgba(255, 255, 255, 0.8)'); container.style.setProperty('--dark-text-on-default-color', '#ffffff'); container.style.setProperty('--light-text-on-background-color', 'rgba(255, 255, 255, 0.8)'); container.style.setProperty('--dark-text-on-background-color', '#ffffff'); } else { container.removeAttribute('data-theme'); container.style.removeProperty('background'); .forEach(v => container.style.removeProperty(v)); } const elConv = document.getElementById('vf-conv'); const elTrend = document.getElementById('vf-trending'); const realConv = document.querySelector('#vf-conversations'); const realTrend = document.querySelector('#vf-trending-articles'); .forEach(el => { if (!el) return; if (useDark) { el.setAttribute('data-vf-theme', 'dark'); el.setAttribute('vf-theme', 'dark'); el.setAttribute('theme', 'dark'); el.style.removeProperty('background'); el.style.color = 'var(--apc-text)'; } else { .forEach(a => el.removeAttribute(a)); el.style.removeProperty('background'); el.style.removeProperty('color'); } }); .forEach((root) => { if (!root) return; if (useDark) { root.classList.add('ap-vf-dark'); root.setAttribute('data-theme', 'dark'); } else { root.classList.remove('ap-vf-dark'); root.removeAttribute('data-theme'); } }); // fix dropdowns / sort menus any time theme is recalculated if (useDark) { fixDarkModeDropdowns(); } } const vfObserver = new MutationObserver(() => { applyDarkThemeIfNeeded(); }); (function bootComments() { const container = document.getElementById('ap-comments'); if (!container) return; // Initial theme & dropdown fix applyDarkThemeIfNeeded(); // --------- NEW: Global block tags (e.g. no_comment) ---------- // If the page has ANY of the COMMENT_BLOCK_TAGS, hide comments on all stories. if (pageHasBlockedTag(COMMENT_BLOCK_TAGS)) { container.innerHTML = ''; container.classList.remove('viafoura'); container.id = 'comments-hidden'; hideFloatingBellButton(); return; } // --------- NEW: Section-specific logic (World News) ---------- const section = getPageSection(); // Only apply this rule if the story is in World News. if (section === WORLD_NEWS_SECTION) { // If a World News story has any tag in WORLD_NEWS_EXCLUSION_TAGS (e.g. Israel), // hide the embed. Other sections with those tags are still allowed. if (pageHasBlockedTag(WORLD_NEWS_EXCLUSION_TAGS)) { container.innerHTML = ''; container.classList.remove('viafoura'); container.id = 'comments-hidden'; hideFloatingBellButton(); return; } } // --------- Existing Viafoura boot logic ---------- if (!window.vf && !document.querySelector('script')) { const s = document.createElement('script'); s.async = true; s.src = '//cdn.viafoura.net/entry/index.js'; document.head.appendChild(s); } if (document.readyState === 'complete' || document.readyState === 'interactive') { wireViafoura(); } else { document.addEventListener('DOMContentLoaded', wireViafoura); } (function startCappedRetry() { let tries = 0; const maxTries = 120; const iv = setInterval(() => { injectNoticeInContainer(container); replaceBellIconInNav(container); hideFloatingBellButton(); moveTrendingAboveCommentsFooter(); applyDarkThemeIfNeeded(); if (++tries >= maxTries) clearInterval(iv); }, 100); })(); try { vfObserver.observe(container, { childList: true, subtree: true }); } catch (e) {} })(); .vf-guidelines-notice { font-family: var(--primary-font, 'AP', sans-serif); font-size: 1.0em; color: #666; margin: 0 0 10px 0; padding-left: 4px; opacity: 0.85; line-height: 1.4; } .vf-guidelines-notice a { text-decoration: underline; font-weight: 500; } #vf-trending-articles > div > div > h2 { font-size: 14px !important; line-height: 1.2; text-transform: uppercase; } #vf-trending-articles p.vf-trending-article__comment-count { font-size: 16px !important; line-height: 1.1; } #comments-hidden { display: none; } /* ---------- Dark theme for AP comments ---------- */ #ap-comments.ap-comments--dark { --apc-bg: #0b0b0b; --apc-text: #e8e8e8; --apc-muted: #a7a7a7; --apc-border: #2a2a2a; --apc-link: #9ecbff; background: var(--apc-bg) !important; color: var(--apc-text); color-scheme: dark; } /* DO NOT touch every descendant’s colors anymore – that was killing badges/icons */ #ap-comments.ap-comments--dark a { color: var(--apc-link); } #ap-comments.ap-comments--dark a:hover, #ap-comments.ap-comments--dark a:focus { text-decoration: underline; } #ap-comments.ap-comments--dark hr, #ap-comments.ap-comments--dark .vf-divider, #ap-comments.ap-comments--dark .vf-comment + .vf-comment, #ap-comments.ap-comments--dark .vf-card { border-color: var(--apc-border) !important; } #ap-comments.ap-comments--dark .vf-guidelines-notice { color: var(--apc-muted); } #ap-comments.ap-comments--dark #vf-trending-articles > div > div > h2, #ap-comments.ap-comments--dark p.vf-trending-article__comment-count { color: var(--apc-text) !important; } #ap-comments.ap-comments--dark #vf-conversations.ap-vf-dark, #ap-comments.ap-comments--dark #vf-trending-articles.ap-vf-dark { background: transparent !important; color: var(--apc-text) !important; color-scheme: dark; } #ap-comments.ap-comments--dark #vf-conversations, #ap-comments.ap-comments--dark #vf-trending-articles { background-color: var(--apc-bg) !important; } /* Removed “*:not(input)” background/color override so badges keep their own colors */ #ap-comments.ap-comments--dark #vf-conversations section, #ap-comments.ap-comments--dark #vf-conversations article, #ap-comments.ap-comments--dark #vf-conversations header, #ap-comments.ap-comments--dark #vf-conversations footer, #ap-comments.ap-comments--dark #vf-conversations .vf-card, #ap-comments.ap-comments--dark #vf-trending-articles section, #ap-comments.ap-comments--dark #vf-trending-articles article, #ap-comments.ap-comments--dark #vf-trending-articles header, #ap-comments.ap-comments--dark #vf-trending-articles footer, #ap-comments.ap-comments--dark #vf-trending-articles .vf-card { background-color: transparent !important; border-color: var(--apc-border) !important; } #ap-comments.ap-comments--dark .vf-content-editor-form, #ap-comments.ap-comments--dark .vf-editor-area { background-color: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.24) !important; border-radius: 6px !important; } #ap-comments.ap-comments--dark .vf-content-editor-input { color: var(--apc-text) !important; caret-color: var(--apc-text) !important; } #ap-comments.ap-comments--dark .vf-content-editor-input::placeholder { color: #cfcfcf !important; opacity: 1 !important; } #ap-comments.ap-comments--dark .vf-content-editor-input:focus, #ap-comments.ap-comments--dark .vf-editor-area:focus-within { outline: none !important; border-color: rgba(255,255,255,0.36) !important; box-shadow: 0 0 0 2px rgba(255,255,255,0.12) !important; } #ap-comments.ap-comments--dark .vf-dropdown-button, #ap-comments.ap-comments--dark .vf-dropdown-button__text { background-color: transparent !important; color: var(--apc-text) !important; border-color: var(--apc-border) !important; } #ap-comments.ap-comments--dark .vf-dropdown-button:hover, #ap-comments.ap-comments--dark .vf-dropdown-button:focus { background-color: rgba(255,255,255,0.06) !important; } /* Only tweak the swapped bell icon in dark mode; leave other badges alone */ #ap-comments.ap-comments--dark .vf-tray-trigger img { filter: invert(1) hue-rotate(180deg) brightness(1.1); opacity: 1; mix-blend-mode: normal; } /* Ban message styles */ .vf-ban-container { margin: 10px 0 15px; padding: 10px 12px; border-radius: 4px; background-color: #fff3cd; border: 1px solid #ffeeba; } .vf-ban-message { font-family: var(--primary-font, 'AP', sans-serif); font-size: 0.95em; color: #856404; display: flex; align-items: center; flex-wrap: wrap; } .vf-ban-icon { margin-right: 8px; } .vf-ban-tooltip { margin-left: 4px; font-weight: 600; text-decoration: underline; cursor: pointer; position: relative; } .vf-ban-tooltip-content { display: none; position: absolute; z-index: 9999; top: 120%; left: 0; width: 260px; padding: 8px 10px; background: #fff; border: 1px solid #ccc; border-radius: 4px; font-weight: 400; text-decoration: none; color: #333; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .vf-ban-tooltip:hover .vf-ban-tooltip-content { display: block; }