Tab Busy Thinking

Display "thinking..." instead of the tab title when the tab is loading or pending.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

Advertisement:

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Advertisement:

/* ==UserStyle==
 * @name            Tab Busy Thinking
 * @name:zh-CN      标签页载入中显示"thinking..."
 * @description     Display "thinking..." instead of the tab title when the tab is loading or pending.
 * @description:zh-CN  当标签页正在载入或待载入时,将标签文本显示为"thinking..."
 * @author          Ryan
 * @version         0.2.1
 * @compatibility   Firefox 121
 * @homepageURL     https://github.com/benzBrake/FirefoxCustomize
 * @usercssloader   true
 * @var             text tab-busy-thinking-text "显示文本" "thinking..."
 * @license MIT
 * @namespace       https://github.com/benzBrake/FirefoxCustomize
==/UserStyle== */

/* 隐藏原有标签文本 - busy状态 */
tab[busy] .tab-label,
/* 隐藏原有标签文本 - pending状态 */
tab[pending] .tab-label {
  display: none;
}

/* 使用伪元素显示"thinking..." - busy状态 */
tab[busy] .tab-label-container::after,
/* 使用伪元素显示"thinking..." - pending状态 */
tab[pending] .tab-label-container::after {
  content: var(--tab-busy-thinking-text, "thinking...");
  visibility: visible;
  color: #888888; /* 可选:设置颜色 */
}