☰

ChatGPT Font Customizer

本地苹方映射 + 正文排版 + 代码中文用苹方 + 输入框对齐 + 按钮/工具条中文用苹方 + 快捷设置

// ==UserScript==
// @name         ChatGPT Font Customizer
// @namespace    https://example.com/userscripts
// @version      1.0
// @description  本地苹方映射 + 正文排版 + 代码中文用苹方 + 输入框对齐 + 按钮/工具条中文用苹方 + 快捷设置
// @match        https://chat.openai.com/*
// @match        https://chatgpt.com/*
// @run-at       document-start
// @grant        GM_addStyle
// @grant        GM_getValue
// @grant        GM_setValue
// @license      MIT
// ==/UserScript==

(function () {
  'use strict';
  const PF_FAMILY = 'PingFang Local';
  const faces = [
    { wt: 200, names: ['PingFang SC ExtraLight','PingFang ExtraLight','PingFangSC-ExtraLight','PingFang ExtraLight_0'] },
    { wt: 300, names: ['PingFang SC Light','PingFang Light','PingFangSC-Light','PingFang Light_0'] },
    { wt: 400, names: ['PingFang SC Regular','PingFang Regular','PingFangSC-Regular','PingFang Regular_0','PingFang SC'] },
    { wt: 500, names: ['PingFang SC Medium','PingFang Medium','PingFangSC-Medium','PingFang Medium_0'] },
    { wt: 700, names: ['PingFang SC Bold','PingFang Bold','PingFangSC-Bold','PingFang Bold_0'] },
    { wt: 800, names: ['PingFang SC Heavy','PingFang Heavy','PingFangSC-Heavy','PingFang Heavy_0'] },
  ];
  function buildFontFaceCSS() {
    return faces.map(f => {
      const src = f.names.map(n => `local("${n}")`).join(', ');
      return `@font-face{font-family:"${PF_FAMILY}";font-style:normal;font-weight:${f.wt};src:${src};}`;
    }).join('\n');
  }

  const DEF_TEXT_SIZE = GM_getValue('cgpt_font_size', '15px');
  const DEF_TEXT_LH   = GM_getValue('cgpt_line_height', '1.65');
  const DEF_TEXT_WT   = GM_getValue('cgpt_font_weight', '500'); // 仅正文区

  const KEY_CODE_FONT = 'cgpt_code_font';
  const KEY_CODE_SIZE = 'cgpt_code_size';
  const KEY_CODE_LH   = 'cgpt_code_lh';
  const KEY_CODE_TAB  = 'cgpt_code_tab';

  const DEF_CODE_FONT = GM_getValue(
    KEY_CODE_FONT,
    '"JetBrains Mono","Fira Code","Cascadia Code","SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","DejaVu Sans Mono","Courier New","' +
    PF_FAMILY + '","PingFang SC",monospace'
  );
  const DEF_CODE_SIZE = GM_getValue(KEY_CODE_SIZE, '14px');
  const DEF_CODE_LH   = GM_getValue(KEY_CODE_LH, '1.6');
  const DEF_CODE_TAB  = GM_getValue(KEY_CODE_TAB, '2');

  const DEF_INPUT_LH  = '1.55';

  GM_addStyle(`
    ${buildFontFaceCSS()}

    :root{
      --cgpt-font-family: "${PF_FAMILY}","PingFang SC","Microsoft YaHei",
                          "Hiragino Sans GB","Source Han Sans SC","Noto Sans CJK SC","Noto Sans SC",
                          "WenQuanYi Micro Hei","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
      --cgpt-font-size: ${DEF_TEXT_SIZE};
      --cgpt-line-height: ${DEF_TEXT_LH};
      --cgpt-font-weight: ${DEF_TEXT_WT};

      --cgpt-code-font: ${DEF_CODE_FONT};
      --cgpt-code-size: ${DEF_CODE_SIZE};
      --cgpt-code-lh:   ${DEF_CODE_LH};
      --cgpt-code-tab:  ${DEF_CODE_TAB};

      --cgpt-input-lh:  ${DEF_INPUT_LH};
    }

    html, body, #__next{
      font-family: var(--cgpt-font-family) !important;
      font-size: var(--cgpt-font-size) !important;
      line-height: var(--cgpt-line-height) !important;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .markdown, .prose, [class*="markdown"]{ font-weight: var(--cgpt-font-weight) !important; }
    .markdown p, .prose p{ margin-bottom: .85em !important; }

    .markdown a, .prose a{ color:#3366cc; }
    .markdown a:visited, .prose a:visited{ color:#3366cc; }

    .markdown pre, .markdown code, .prose pre, .prose code,
    pre code, pre[class*="language-"], code[class*="language-"],
    .hljs, .shiki,
    [class*="syntax"], [class*="code-block"], [data-code-block], [data-testid*="code"]{
      font-family: var(--cgpt-code-font) !important; /* ASCII 等宽，CJK 用苹方 */
      font-size: var(--cgpt-code-size) !important;
      line-height: var(--cgpt-code-lh) !important;
      font-weight: 400 !important;
      font-variant-ligatures: contextual common-ligatures;
      font-feature-settings: "calt" 1, "liga" 1;
      tab-size: var(--cgpt-code-tab);
    }

    .markdown pre *, .prose pre *, .hljs *, .shiki *{
      font-family: inherit !important;
      font-size: inherit !important;
      line-height: inherit !important;
      font-weight: inherit !important;
    }

    textarea, input, [contenteditable="true"]{
      font-family: var(--cgpt-font-family) !important;
      font-weight: 400 !important;
      line-height: var(--cgpt-input-lh) !important;
    }

    button, [role="button"], .btn, [class*="Button"], [class*="btn-"],
    [class*="copy"], [data-testid*="copy"], [data-testid*="toolbar"], [class*="toolbar"]{
      font-family: var(--cgpt-font-family) !important;
    }

    .sidebar, [class*="sidebar"], nav, [class*="Nav"], .overflow-y-auto {
      font-weight: 500 !important; /* 500 比普通粗一点，不会撑开布局 */
    }


    .markdown, .prose{ padding-top:.35em !important; padding-bottom:.35em !important; }
  `);

  window.addEventListener('keydown', (e) => {
    if (!(e.altKey && e.shiftKey && (e.key === 'F' || e.key === 'f'))) return;
    e.preventDefault();
    const curSize = GM_getValue('cgpt_font_size', DEF_TEXT_SIZE);
    const curLH   = GM_getValue('cgpt_line_height', DEF_TEXT_LH);
    const curWT   = GM_getValue('cgpt_font_weight', DEF_TEXT_WT);

    const newSize = prompt('正文字号（如 15px/16px）：', curSize) || curSize;
    const newLH   = prompt('正文行高（如 1.6/1.7）：', curLH) || curLH;
    const newWT   = prompt('正文字重（400 普通 / 500 中粗 / 600 粗）：', curWT) || curWT;

    GM_setValue('cgpt_font_size', newSize.trim());
    GM_setValue('cgpt_line_height', newLH.trim());
    GM_setValue('cgpt_font_weight', newWT.trim());

    const root = document.documentElement;
    root.style.setProperty('--cgpt-font-size', newSize.trim());
    root.style.setProperty('--cgpt-line-height', newLH.trim());
    root.style.setProperty('--cgpt-font-weight', newWT.trim());

    alert('已更新：正文 字号/行高/字重 ✅');
  });

  window.addEventListener('keydown', (e) => {
    if (!(e.altKey && e.shiftKey && (e.key === 'C' || e.key === 'c'))) return;
    e.preventDefault();

    const curFont = GM_getValue(KEY_CODE_FONT, DEF_CODE_FONT);
    const curSize = GM_getValue(KEY_CODE_SIZE, DEF_CODE_SIZE);
    const curLH   = GM_getValue(KEY_CODE_LH,   DEF_CODE_LH);
    const curTab  = GM_getValue(KEY_CODE_TAB,  DEF_CODE_TAB);

    const newFont = prompt('代码字体栈（逗号分隔）:', curFont);
    if (newFont === null) return;
    const newSize = prompt('代码字号（如 13px/14px/15px）:', curSize) || curSize;
    const newLH   = prompt('代码行高（如 1.5/1.6）:', curLH) || curLH;
    const newTab  = prompt('Tab 宽度（2/4/8）:', curTab) || curTab;

    GM_setValue(KEY_CODE_FONT, newFont.trim() || curFont);
    GM_setValue(KEY_CODE_SIZE, newSize.trim() || curSize);
    GM_setValue(KEY_CODE_LH,   newLH.trim()   || curLH);
    GM_setValue(KEY_CODE_TAB,  newTab.trim()  || curTab);

    const root = document.documentElement;
    root.style.setProperty('--cgpt-code-font', newFont.trim() || curFont);
    root.style.setProperty('--cgpt-code-size', newSize.trim() || curSize);
    root.style.setProperty('--cgpt-code-lh',   newLH.trim()   || curLH);
    root.style.setProperty('--cgpt-code-tab',  newTab.trim()  || curTab);

    alert('已更新：代码 字体/字号/行高/Tab ✅');
  });
})();