mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-01-14 21:32:04 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Theme - Win7 transparent frame

Browse source
This commit is contained in:
alstjr7375 2023-04-16 03:22:52 +09:00
parent 37730741f3
commit 12a98e8d6a
6 changed files with 93 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

81
css/leptonChrome.css generated
View file

@ -185,9 +185,14 @@
(-moz-platform: windows-win7),
(-moz-os-version: windows-win8),
(-moz-platform: windows-win8) {
/* Header Color */
:root:not([lwtheme-image]):-moz-lwtheme {
background-color: var(--lwt-accent-color) !important;
@supports not -moz-bool-pref("userChrome.theme.transparent.frame") {
/* Header Color */
:root:not([lwtheme-image]):-moz-lwtheme {
background-color: var(--lwt-accent-color) !important;
}
:root:not([lwtheme-image]):-moz-lwtheme:-moz-window-inactive {
background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important;
}
}
}
@media (-moz-os-version: windows-win7), (-moz-platform: windows-win7) {
@ -2175,7 +2180,11 @@
}
/*= Transparent ==============================================================*/
@supports -moz-bool-pref("userChrome.theme.transparent.frame") {
@media (-moz-os-version: windows-win10), (-moz-platform: windows-win10), (-moz-gtk-csd-available) {
@media (-moz-os-version: windows-win10),
(-moz-platform: windows-win10),
(-moz-os-version: windows-win7),
(-moz-platform: windows-win7),
(-moz-gtk-csd-available) {
#main-window,
#navigator-toolbox-background {
background-color: transparent !important;
@ -2199,27 +2208,7 @@
-moz-default-appearance: -moz-win-exclude-glass !important;
}
}
@media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
:root,
#navigator-toolbox {
--lwt-accent-color: transparent !important;
--lwt-text-color: WindowText !important;
}
#titlebar .toolbarbutton-1 {
--toolbarbutton-icon-fill: var(--lwt-text-color) !important;
}
:root:not([sizemode="fullscreen"]) .titlebar-buttonbox-container .titlebar-button:not(.titlebar-close:hover) {
list-style-image: none !important;
}
:root:not([sizemode="fullscreen"])
#toolbar-menubar[autohide="true"][inactive="true"]
+ #TabsToolbar
.titlebar-button:is(.titlebar-close:hover)
.toolbarbutton-icon {
transform: translateY(-7px) !important;
}
}
@media (-moz-gtk-csd-available) {
@media (-moz-os-version: windows-win7), (-moz-platform: windows-win7), (-moz-gtk-csd-available) {
:root:not(:-moz-lwtheme) {
--lwt-accent-color: Window !important;
--lwt-text-color: WindowText !important;
@ -2242,7 +2231,7 @@
}
#main-menubar:not(:-moz-window-inactive),
.titlebar-buttonbox-container:not(:-moz-window-inactive) {
background-color: var(--uc-frame-element-background);
background-color: var(--uc-frame-element-background) !important;
border-radius: 4px;
}
#TabsToolbar {
@ -2264,6 +2253,46 @@
background-color: var(--uc-frame-element-background);
}
}
@media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
:root,
#navigator-toolbox {
--lwt-accent-color: transparent !important;
--lwt-text-color: WindowText !important;
}
#titlebar .toolbarbutton-1 {
--toolbarbutton-icon-fill: var(--lwt-text-color) !important;
}
:root:not([sizemode="fullscreen"]) .titlebar-buttonbox-container .titlebar-button:not(.titlebar-close:hover) {
list-style-image: none !important;
}
:root:not([sizemode="fullscreen"])
#toolbar-menubar[autohide="true"][inactive="true"]
+ #TabsToolbar
.titlebar-button:is(.titlebar-close:hover)
.toolbarbutton-icon {
transform: translateY(-7px) !important;
}
}
@media (-moz-os-version: windows-win7), (-moz-platform: windows-win7) {
:root:not([lwtheme-image]):-moz-lwtheme {
background-color: transparent !important;
background-image: none !important;
}
#main-menubar:not(:-moz-window-inactive) {
color: var(--lwt-text-color) !important;
}
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
#toolbar-menubar:not(:-moz-window-inactive) {
text-shadow: unset !important;
}
}
@media (-moz-windows-default-theme) {
#TabsToolbar {
color: inherit !important;
background-image: unset !important;
}
}
}
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
:root:not(:-moz-window-inactive) #navigator-toolbox {
background-color: transparent !important;

12
src/compatibility/_os.scss
View file

@ -20,9 +20,15 @@
/*= Windows 7, 8 - Tab Bar Background *****************************************/
@include OS($win7, $win8) {
/* Header Color */
:root:not([lwtheme-image]):-moz-lwtheme {
background-color: var(--lwt-accent-color) !important;
@include NotOption("userChrome.theme.transparent.frame") {
/* Header Color */
:root:not([lwtheme-image]):-moz-lwtheme {
background-color: var(--lwt-accent-color) !important;
&:-moz-window-inactive {
background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important;
}
}
}
}

9
src/theme/_transparent.scss
View file

@ -1,11 +1,14 @@
@include OS($win10, $linux) {
@include OS($win10, $win7, $linux) {
@import "transparent/general";
}
@include OS($win7, $linux) {
@import "transparent/general_element_background";
}
@include OS($win10) {
@import "transparent/win11";
}
@include OS($linux) {
@import "transparent/linux";
@include OS($win7) {
@import "transparent/win7";
}
@include OS($mac) {
@import "transparent/mac";

1
src/theme/transparent/_general.scss
View file

@ -9,6 +9,7 @@
background-color: transparent !important;
background-image: none !important;
}
#nav-bar,
#PersonalToolbar {
background-image: linear-gradient(

2
src/theme/transparent/_linux.scss → src/theme/transparent/_general_element_background.scss
View file

@ -28,7 +28,7 @@
#main-menubar:not(:-moz-window-inactive),
.titlebar-buttonbox-container:not(:-moz-window-inactive) {
background-color: var(--uc-frame-element-background);
background-color: var(--uc-frame-element-background) !important;
border-radius: 4px;
}

21
src/theme/transparent/_win7.scss Normal file
View file

@ -0,0 +1,21 @@
:root:not([lwtheme-image]):-moz-lwtheme {
background-color: transparent !important;
background-image: none !important;
}
#main-menubar:not(:-moz-window-inactive) {
color: var(--lwt-text-color) !important;
}
@include Dark {
#toolbar-menubar:not(:-moz-window-inactive) {
text-shadow: unset !important;
}
}
@media (-moz-windows-default-theme) {
#TabsToolbar {
color: inherit !important;
background-image: unset !important;
}
}