mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-03-10 00:41:06 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Theme - Win11 Default Theme Color

Browse source
This commit is contained in:
alstjr7375 2023-02-23 15:20:38 +09:00
parent 5c14948aa4
commit 2b6424e9d4
2 changed files with 90 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

46
css/leptonChrome.css
View file

@ -528,6 +528,24 @@
--win-accent-active-color: -moz-accent-color;
}
}
@supports -moz-bool-pref("userChrome.compatibility.os.win11") {
:root:not(:-moz-lwtheme) {
--win-text-color: #1a1a1a;
--win-bgcolor: #e8e8e8;
--win-hover-bgcolor: #eaeaea; /* also button-bgcolor */
--win-disabled-color: #9f9f9f;
--win-hover-active-bgcolor: #d9d9d9; /* also button-active-color */
--win-button-hover-bgcolor: #d9d9d9;
--win-button-active-bgcolor: rgba(46, 46, 46, 0.66);
--win-component-bgcolor: #f8f8f8;
--win-border-color: #e9e9e9;
--win-tab-separator-color: #dadada;
--win-sidebar-bgcolor: #ffffff;
--win-button-border: var(--win-border-color);
--win11-chrome-separator-color: #d6d6d6;
--win11-tab-border-color: #dadada;
}
}
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
:root:not(:-moz-lwtheme),
:root[lwt-default-theme-in-dark-mode] {
@ -565,6 +583,25 @@
--win-accent-active-color: -moz-accent-color;
}
}
@supports -moz-bool-pref("userChrome.compatibility.os.win11") {
:root:not(:-moz-lwtheme),
:root[lwt-default-theme-in-dark-mode] {
--win-bgcolor: #202020;
--win-hover-bgcolor: #383838; /* also button-bgcolor */
--win-disabled-color: #797979;
--win-hover-active-bgcolor: #454545; /* also button-active-color */
--win-button-hover-bgcolor: #454545;
--win-button-active-bgcolor: rgba(46, 46, 46, 0.66);
--win-field-bgcolor: #232323;
--win-component-bgcolor: #2c2c2c;
--win-border-color: #3d3d3d;
--win-tab-separator-color: #323232;
--win-sidebar-bgcolor: var(--win-component-bgcolor);
--win-button-border: var(--win-border-color);
--win11-chrome-separator-color: #3a3a3a;
--win11-tab-border-color: #1d1d1d;
}
}
}
:root:not(:-moz-lwtheme),
:root[lwt-default-theme-in-dark-mode] {
@ -689,6 +726,15 @@
}
}
}
@supports -moz-bool-pref("userChrome.compatibility.os.win11") {
:root:not(:-moz-lwtheme),
:root[lwt-default-theme-in-dark-mode] {
--chrome-content-separator-color: var(--win11-chrome-separator-color) !important;
}
#nav-bar {
--lwt-tabs-border-color: var(--win11-tab-border-color) !important;
}
}
/*- Proton Tab Selected ----------------------------------------------------*/
@supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") {
:root:not(:-moz-lwtheme),

44
src/theme/system_default_theme/_win10.scss
View file

@ -28,6 +28,23 @@
--win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, #{$accentColor});
--win-accent-active-color: #{$accentColor};
}
@include Option("userChrome.compatibility.os.win11") {
--win-text-color: #1A1A1A;
--win-bgcolor: #E8E8E8;
--win-hover-bgcolor: #EAEAEA; /* also button-bgcolor */ // or #EFEFEF
--win-disabled-color: #9F9F9F;
--win-hover-active-bgcolor: #D9D9D9; /* also button-active-color */
--win-button-hover-bgcolor: #D9D9D9;
--win-button-active-bgcolor: rgba(46, 46, 46, 0.66);
--win-component-bgcolor: #F8F8F8;
--win-border-color: #E9E9E9;
--win-tab-separator-color: #DADADA;
--win-sidebar-bgcolor: #FFFFFF;
--win-button-border: var(--win-border-color);
--win11-chrome-separator-color: #D6D6D6;
--win11-tab-border-color: #DADADA;
}
}
@include Dark {
#{system-default-theme()} {
@ -57,6 +74,24 @@
--win-accent-hover-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 5%, #{$accentColor});
--win-accent-active-color: #{$accentColor};
}
@include Option("userChrome.compatibility.os.win11") {
--win-bgcolor: #202020;
--win-hover-bgcolor: #383838; /* also button-bgcolor */
--win-disabled-color: #797979;
--win-hover-active-bgcolor: #454545; /* also button-active-color */
--win-button-hover-bgcolor: #454545;
--win-button-active-bgcolor: rgba(46, 46, 46, 0.66);
--win-field-bgcolor: #232323;
--win-component-bgcolor: #2C2C2C;
--win-border-color: #3D3D3D;
--win-tab-separator-color: #323232;
--win-sidebar-bgcolor: var(--win-component-bgcolor);
--win-button-border: var(--win-border-color);
--win11-chrome-separator-color: #3A3A3A;
--win11-tab-border-color: #1D1D1D;
}
}
}
@ -209,6 +244,15 @@
}
}
@include Option("userChrome.compatibility.os.win11") {
#{system-default-theme()} {
--chrome-content-separator-color: var(--win11-chrome-separator-color) !important;
}
#nav-bar {
--lwt-tabs-border-color: var(--win11-tab-border-color) !important;
}
}
/*- Proton Tab Selected ----------------------------------------------------*/
@include NotOption("userChrome.tab.color_like_toolbar") {
#{system-default-theme()} {