Firefox107で運用中のuserChrome.cssとuserContent.css

userChrome.cssとuserContent.cssの備忘録です。

拡張機能Vim VixenとTree Style Tab - ツリー型タブ用に追加しました。

userChrome.css

• Firefox107からツリー型タブのタブを狭くできなかったのでセレクターを変更

@charset 'UTF-8';
/*******************************************************
                拡張機能：Vim Vixen 用                
コマンド入力エリアにURLなどのポップアップが重なるのを回避
*******************************************************/

/* 左下に出るURLなどのポップアップを右下に移動、最大幅を指定 */

#statuspanel:not([hidden]) {
  left: initial !important;
  right: 0;
  text-align: right; !important;
  max-width: 30% !important;
  margin-right: 1em;
}
/* 左下に出るURLなどのポップアップの枠線を消す、背景を透過 */

#statuspanel-label {
  border-style: none !important;
  background-color: rgba(255, 255, 255, .5) !important;
}
/* ページ下部の白いバーを消す */
.vimvixen-console-frame {
  color-scheme: light !important;
}
/********************************************************
        拡張機能：Tree Style tab - ツリー型タブ用        
********************************************************/

/* 上のタブを消す */
#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
  opacity: 0;
  pointer-events: none;
}
#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
    visibility: collapse !important;
}

/* ツリー型タブと書いてある部分を消す */
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
  display: none;
}

/* タブを狭くする */
#sidebar-box {
  min-width: 100px !important;
}

【Firefox 106】左下に表示されるURLなどを右下に移動-すたすた式

【Vim Vixen】GitHubページ下部の白いバーを消す方法-すたすた式

【ツリー型タブ】Firefox 90 で上のタブを消す / 隠す| 『ツリー型タブ』と書いてある部分も-すたすた式

userContent.css

アクティブタブの色は、アドオンマネージャーから「オプション」-「ツリー型タブが提供するページ用の追加のスタイルの設定」に追加しても変更できるがuserContent.cssにまとめた。

@charset "utf-8";
/*******************************************************
        拡張機能：Vim Vixen 用      
*******************************************************/
.vimvixen-hint {
  font-size: 20px !important;
  border-radius: 5px;
}
#vimvixen-console * :not(input){
	font-size: 16px !important;
	opacity: .9;
}
.vimvixen-console input {
	font-size: 20px !important;
	outline: none !important;
}

/********************************************************
        拡張機能：Tree Style tab - ツリー型タブ用     
        アクティブタブの色を変更   
********************************************************/
:root {
  --browser-selected-tab-bg: #A05E63;
}
tab-item:not(.active):not(.bundled-active):not(.highlighted):hover {
  --tab-surface: #33ff33;
}

[2020年10月] FirefoxアドオンVIm Vixenのフォント（文字）を大きくしました-すたすた式

【Firefox ツリー型タブ】アクティブタブの色を変えてみました。[Tree Style Tab]-すたすた式