Greasy Fork is available in English.

HinatazakaStyleSetting

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

Dieses Skript sollte nicht direkt installiert werden. Es handelt sich hier um eine Bibliothek für andere Skripte, welche über folgenden Befehl in den Metadaten eines Skriptes eingebunden wird // @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);
};