userChrome.css

此 userChrome.css 使 Firefox 在 KDE 上得到类似 Breeze 主题的外观。需要 /usr/share/themes/Breeze-Dark/assets 中包含有 breeze-gtk 提供的 PNG 按钮图标。

未解决的问题：

1. 因为 background 无法在 CSS 中作为渐变的属性，切换窗口聚焦时没有渐变。
2. 因为 Breeze 的按钮图标是用 C++ 直接画的，而 breeze-gtk 提供的 PNG 图片没有包含非聚焦窗口的按钮图标，所以窗口在没有聚焦时按钮还是白色的。
3. Firefox 会莫名其妙的让 -moz-appearance: none 的 toolbarbutton 在被点击时往右下角挪动一点，暂时还没有解决方法。

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

#TabsToolbar {
  background: linear-gradient(#556068, #475057) !important;
  color: white !important;
}

#TabsToolbar:-moz-window-inactive {
  background: #eff0f1 !important;
  color: #797f83 !important;
}

.titlebar-button {
  -moz-appearance: none !important;
}

.titlebar-button .toolbarbutton-icon {
  height: 18px !important;
  min-height: 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  background-size: contain !important;
}

#titlebar-min .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-minimize@2.png") !important;
}

#titlebar-min:hover .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-minimize-hover@2.png") !important;
}

#titlebar-min:active .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-minimize-active@2.png") !important;
}

#titlebar-max .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-maximize@2.png") !important;
}

#titlebar-max:hover .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-maximize-hover@2.png") !important;
}

#titlebar-max:active .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-maximize-active@2.png") !important;
}

window[sizemode="maximized"] #titlebar-max .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-maximize-maximized@2.png") !important;
}

window[sizemode="maximized"] #titlebar-max:hover .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-maximize-maximized-hover@2.png") !important;
}

window[sizemode="maximized"] #titlebar-max:active .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-maximize-maximized-active@2.png") !important;
}

#titlebar-close .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-close@2.png") !important;
}

#titlebar-close:hover .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-close-hover@2.png") !important;
}

#titlebar-close:active .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-close-active@2.png") !important;
}