Greasy Fork is available in English.

HinatazakaStyleSetting

日向坂46サイト向けスタイル設定

이 스크립트는 직접 설치해서 쓰는 게 아닙니다. 다른 스크립트가 메타 명령 // @require https://update.greasyfork.org/scripts/510022/1459768/HinatazakaStyleSetting.js(으)로 포함하여 쓰는 라이브러리입니다.

질문, 리뷰하거나, 이 스크립트를 신고하세요.
// ==UserScript==
// @name        HinatazakaStyleSetting
// @name:ja     日向坂サイト向けスタイル設定
// @namespace   naoqv.hinatazaka
// @description	日向坂46サイト向けスタイル設定
// @version     1.6
// @match       https://www.hinatazaka46.com/s/official/news/*
// @match       https://www.hinatazaka46.com/s/official/media/*
// @icon        https://cdn.hinatazaka46.com/files/14/hinata/img/favicons/favicon-32x32.png
// @compatible  chrome
// @compatible  firefox
// @grant       none
// @license     MIT
// ==/UserScript==

const menuBarSetting = () => {
  const styleElem = document.createElement("style");
  styleElem.setAttribute("rel", "stylesheet");
  const styleText = `.l-header {
    height: 60px;
  }
  .p-header-wrap.is-fixed .p-header {
    height: 30px;
  }
  .c-header__logo {
    top: 0;
  }`;
  styleElem.textContent = styleText;
  document.head.appendChild(styleElem);
};

const DEFAULT_CL = "#eeeeee";
const DEFAULT_BG_CL = "#202040";
const MENU_BG_CL ="#404070";
const DFAULT_BG_CL = "#202050";
const LIST_BG_BG_CL = "#202030";

const darkMode = () => {
  const styleElem = document.createElement("style");
  styleElem.setAttribute("rel", "stylesheet");
  const styleText = `.pages, .module-modal.js-member-filter .mordal-box {
    background-color: ${DEFAULT_BG_CL};        
  }
  .l-header, .p-header-wrap, .p-header-wrap.is-fixed {
    background-color: ${MENU_BG_CL};
  }
  .c-page-breadcrumb__item a {
    opacity: 0.8;
  }
  .c-member__name, .c-member__name--info, .c-member__info-td__text, .c-blog-member__name, .c-blog-member__info-td__text {
    color: ${DEFAULT_CL};
  }
  .c-member__info-td__text a svg path {
    fill: ${DEFAULT_CL};
  }`;
  styleElem.textContent = styleText;
  document.head.appendChild(styleElem);
};