userChrome.css

来自FiveYellowMice's Wiki
FiveYellowMice讨论 | 贡献2020年7月10日 (五) 16:43的版本 (添加窗口未被聚焦时的按钮图标。)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳到导航 跳到搜索

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

未解决的问题:

  1. 因为 background 无法在 CSS 中作为渐变的属性,切换窗口聚焦时没有渐变。
@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: #7f8c8d !important;
}

#navigator-toolbox[inFullscreen="true"] #TabsToolbar {
  background: #eff0f1 !important;
  color: #424446 !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:-moz-window-inactive .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-minimize-backdrop@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:hover:-moz-window-inactive .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-minimize-hover-backdrop@2.png") !important;
}

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

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

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

.titlebar-max:-moz-window-inactive .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-maximize-backdrop@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:hover:-moz-window-inactive .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-maximize-hover-backdrop@2.png") !important;
}

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

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

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

.titlebar-restore:-moz-window-inactive .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-maximize-maximized-backdrop@2.png") !important;
}

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

.titlebar-restore:hover:-moz-window-inactive .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-maximize-maximized-hover-backdrop@2.png") !important;
}

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

.titlebar-restore:active:-moz-window-inactive .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-maximize-maximized-active-backdrop@2.png") !important;
}

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

.titlebar-close:-moz-window-inactive .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-close-backdrop@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:hover:-moz-window-inactive .toolbarbutton-icon {
  background-image: url("/usr/share/themes/Breeze-Dark/assets/titlebutton-close-hover-backdrop@2.png") !important;
}

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

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