Google News css

a

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name        Google News css
// @description a
// @match       https://www.google.com/search?*tbm=nws*
// @run-at      document-start
// @version 0.0.1.20250930175253
// @namespace https://greasyfork.org/users/1435046
// ==/UserScript==

(function () {
  const css = `
  :root {
    color-scheme: light dark !important;
  }

  * {
    color: revert !important;
    background-color: revert !important;
}

  .UFQ0Gb {
      column-gap: 0 !important;
    }

    .lSfe4c {
      flex-direction: column-reverse !important;
    }

    .r5bEn .gpjNTe {
      margin: 0 !important;
    }

    .gpjNTe {
      display: block !important;
    }

    .SoAPf {
      max-width: 290px !important;
      width: 100% !important;
    }

    .SoAPf .n0jPhd,
    .SoAPf .GI74Re {
      display: block !important;
      -webkit-line-clamp: unset !important;
      -webkit-box-orient: unset !important;
      overflow: visible !important;
      text-overflow: unset !important;
      white-space: normal !important;
    }
    `;
  const style = document.createElement('style');
  style.textContent = css;
  document.head.appendChild(style);
})();