Css Firefox 2017-点亮活动选项卡

我目前（2017年11月）正在Windows-10和Ubuntu中使用Firefox 56.0.2。 我想突出显示Firefox中的活动选项卡——很多选项卡打开时，它往往会丢失。我的老眼睛也不像以前了

关于如何添加/修改Firefox来做到这一点，有很多几年前（2006-2011）的老信息，但基本上建议修改Firefox“profiles”中的“chrome.css”或其变体

我似乎无法找到或导航到任何这些东西-Firefox必须在最新的几个版本中进行了大量修改。任何地方都找不到CSS文件

我对任何一款引人注目的Firefox插件都不感兴趣——我试过了，它们不是我想要的。我只想突出显示活动选项卡-背景、颜色和字体

---

一旦我有了这个功能，我就会担心令人眼花缭乱的背景等等，也许会使用我自己的CSS参数。

我想用一个简单的方法突出显示活动选项卡，但到目前为止，我只找到了在我的FireFox 52上运行良好的插件

要更改活动选项卡颜色，请转到CTR首选项-->选项卡-->颜色和文本-->所选选项卡：

---

我想用一种简单的方法来突出显示活动选项卡，但到目前为止，我只发现插件在我的FireFox 52上运行良好

要更改活动选项卡颜色，请转到CTR首选项-->选项卡-->颜色和文本-->所选选项卡：

---

如果用户chrome.css文件不存在，您可以在配置文件目录中的chrome目录（profile dir>chrome>userChrome.css）中创建该文件。 在线搜索如何在chrome目录中找到firefox的userchrome.css位置-这并不难

对于firefox 72，（在windows上）在userChrome.css中使用以下内容： （在userChrome.css中，您可以使用@import链接同一文件夹中的其他.css文件，例如：

@import url（“userChrome\u tabs\u settings.css”）；

）

您可以在userChrome.css中使用此代码自定义选项卡-backgr。颜色、边框、文本颜色（添加或删除边框、更改边框颜色），根据您的喜好：

如果您不喜欢我选择的颜色，您可以使用在线html颜色选择器选择您的颜色，例如：

下面是它的外观：

---

如果用户chrome.css文件不存在，您可以在配置文件目录中的chrome目录（profile dir>chrome>userChrome.css）中创建该文件。 在线搜索如何在chrome目录中找到firefox的userchrome.css位置-这并不难

对于firefox 72，（在windows上）在userChrome.css中使用以下内容： （在userChrome.css中，您可以使用@import链接同一文件夹中的其他.css文件，例如：

@import url（“userChrome\u tabs\u settings.css”）；

）

您可以在userChrome.css中使用此代码自定义选项卡-backgr。颜色、边框、文本颜色（添加或删除边框、更改边框颜色），根据您的喜好：

如果您不喜欢我选择的颜色，您可以使用在线html颜色选择器选择您的颜色，例如：

下面是它的外观：

---

遗憾的是，此附加模块i与FF Quantum不兼容。我不会回到ESR！遗憾的是，这个附加组件i与FF Quantum不兼容。我不会回到ESR！

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


/*tab bar region that has no tabs plus the arrows that scroll the tabs to the left and right*/
#tabbrowser-tabs {
  width: 100vw !important;
  background-color: var(--toolbar-bgcolor) !important;

  /*background: linear-gradient(to bottom, rgb(250, 252, 255), rgb(235, 243, 251)) !important;*/
  background: rgb(249, 249, 250) !important;
  color:rgb(82, 82, 82) !important;
  
  
  /* the border that separates the tabs and the tab arrows from the new tab button and bookmarks */
  border: solid 0.1em;
  border-color: rgba(82, 82, 82, .4) !important;
  
  
}


/* active tab */
#tabbrowser-tabs .tabbrowser-tab[selected] .tab-content { 
  /*background: linear-gradient(to bottom, rgb(250, 252, 255), rgb(235, 243, 251) ) !important;*/
  /*background: rgb(250, 252, 255) !important;*/

 
  /* border-color not working without specifying the size first*/
  border: solid 0.3em;
  /*border-color: red yellow green transparent !important;*/ /* example from https://developer.mozilla.org/en-US/docs/Web/CSS/border-color */
  /*border-color: blue transparent transparent transparent!important;*/
  border-color: rgb(10, 132, 255) transparent transparent transparent!important;

  
  background: rgb(250, 252, 255) !important;

  /* text color - only works when using background-color, does not work with background */
  color: black !important;
}


/* inactive tabs */
#TabsToolbar .tabbrowser-tab:not([selected]) {
  /*border-color: rgba(210,0,0,.2) !important;*/
  /*background:rgb(249, 249, 250) !important;*/
  /* background-color: rgba(155,152,150,.99) !important;*/
  /*background: linear-gradient(to bottom, rgb(166, 166, 166), rgb(235, 243, 251) ) !important;*/
  

  /*border-color: rgba(82, 82, 82,.2) !important;*?
  /*background: rgb(249, 249, 250) !important;*/
  /*background: linear-gradient(to bottom, rgb(208, 220, 234), rgb(184, 196, 208) ) !important; */
  /*background: linear-gradient(to bottom, rgb(230, 230, 230), rgb(219, 219, 219) ) !important; */
  background: linear-gradient(to bottom, rgb(242, 242, 244), rgb(230, 230, 233) ) !important;

  /* text color - works with background and background-color*/
  color: rgb(0,0,0) !important;
  
    
  /* cannot change the border size of the inactive tabs, only the top border of the inactive tabs can be colored */

  /* the border from #tabbrowser-tabs section includes the tab arrows, the border for the tabs does not - so you can use 2 borders at the same time for the tabs */
  border-color: rgba(82, 82, 82, .4) !important;


}





/* tabs when the mouse pointer is hovering on them */
#TabsToolbar .tabbrowser-tab:hover:not([selected]) {
  border-color: rgba(0,0,0,.2) !important;


  /*background: #662b99 !important;*/
  /*background: linear-gradient(#e66465, #9198e5) !important;*/
  /*background: linear-gradient(#9198e5, #ba8fe5) !important;*/
  background: linear-gradient(to bottom, #9198e5, #ba8fe5) !important;

  
  /*background-color: rgb(50,50,50) !important;*/

  /* text color */
  /*color: rgb(0,0,0) !important;*/
  color: white !important;

}






/* padding (transparent space filled with OS theme color) between the bookmarks bar and the tab bar if the tab bar is on the botton, below the bookmarks bar */
/*
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 1px) !important;
}

*/



/* TABS: height */
/*
*|*:root {
  --tab-toolbar-navbar-overlap: 0px !important;
  --tab-min-height: 40px !important; *//*adjust to set height or omit to use density*/ /*
}
*/





/* New tab button */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar #new-tab-button > .toolbarbutton-icon {

/* you can change the new tab button shape using a .svg file*/
  list-style-image: url("chrome://browser/skin/new-tab.svg") !important;
  
  fill: rgb(82, 82, 82) !important;*/
  /*background-color: rgba(0, 0, 0, 0.8) !important;*/
  background: rgb(208, 226, 243) !important;
  
}


#TabsToolbar #new-tab-button:hover > .toolbarbutton-icon {
  list-style-image: url("chrome://browser/skin/new-tab.svg") !important;
  fill: #999999 !important;
  
  /*background: linear-gradient(rgb(208, 226, 243), #dbe9f5) !important;*/
  background: #e1e1e1 !important;
}