mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-06 02:30:54 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Page Field Border - Apply about:

Browse source
This commit is contained in:
alstjr7375 2022-04-01 11:24:51 +09:00
parent 8788c8f2e7
commit 941feceb8b
4 changed files with 48 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/contents/_activity_stream.scss
View file

@ -1,6 +1,6 @@
@-moz-document url("about:home"), url("about:newtab") { @-moz-document url("about:home"), url("about:newtab") {
/** Activity Stream - Search Focus Border: like URL *************************/ /** Activity Stream - Search Focus Border: like URL *************************/
@include Option("userContent.newTab.field_border") { @include Option("userContent.page.field_border") {
/* At DarkMode, Color */ /* At DarkMode, Color */
body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"], body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"],
body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"], body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"],
@ -69,9 +69,11 @@
.search-wrapper input:focus { .search-wrapper input:focus {
transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function); transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function);
} }
.search-wrapper .search-inner-wrapper:hover input { @include Option("userContent.page.field_border") {
border-color: var(--newtab-primary-action-background) !important; .search-wrapper .search-inner-wrapper:hover input {
transition: border-color 0.5s var(--animation-easing-function); border-color: var(--newtab-primary-action-background) !important;
transition: border-color 0.5s var(--animation-easing-function);
}
} }
} }
} }

7
src/contents/_proton_contents.scss
View file

@ -1,6 +1,13 @@
/*= Common contents ==========================================================*/ /*= Common contents ==========================================================*/
@import "proton_contents/proton_commons"; @import "proton_contents/proton_commons";
/*= Field Border =============================================================*/
@include Option("userContent.page.field_border") {
@include Animate {
@import "proton_contents/field_border";
}
}
/*= View Source ==============================================================*/ /*= View Source ==============================================================*/
@import "proton_contents/view_source"; @import "proton_contents/view_source";

12
src/contents/proton_contents/_field_border.scss Normal file
View file

@ -0,0 +1,12 @@
@-moz-document url-prefix("about:") {
xul|search-textbox:hover {
border-color: var(--in-content-focus-outline-color) !important;
transition: border-color 0.5s var(--animation-easing-function);
}
}
@-moz-document url-prefix("about:config") {
#about-config-search:hover {
border-color: var(--in-content-focus-outline-color) !important;
transition: border-color 0.5s var(--animation-easing-function);
}
}

27
userContent.css
View file

@ -259,7 +259,7 @@
/** Activity Stream ***********************************************************/ /** Activity Stream ***********************************************************/
@-moz-document url("about:home"), url("about:newtab") { @-moz-document url("about:home"), url("about:newtab") {
/** Activity Stream - Search Focus Border: like URL *************************/ /** Activity Stream - Search Focus Border: like URL *************************/
@supports -moz-bool-pref("userContent.newTab.field_border") { @supports -moz-bool-pref("userContent.page.field_border") {
/* At DarkMode, Color */ /* At DarkMode, Color */
body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"], body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"],
body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"], body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"],
@ -332,9 +332,11 @@
transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function); transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function);
} }
.search-wrapper .search-inner-wrapper:hover input { @supports -moz-bool-pref("userContent.page.field_border") {
border-color: var(--newtab-primary-action-background) !important; .search-wrapper .search-inner-wrapper:hover input {
transition: border-color 0.5s var(--animation-easing-function); border-color: var(--newtab-primary-action-background) !important;
transition: border-color 0.5s var(--animation-easing-function);
}
} }
} }
} }
@ -1630,6 +1632,23 @@
color: var(--in-content-table-header-color) !important; color: var(--in-content-table-header-color) !important;
} }
} }
/*= Field Border =============================================================*/
@supports -moz-bool-pref("userContent.page.field_border") {
@media (prefers-reduced-motion: no-preference) {
@-moz-document url-prefix("about:") {
xul|search-textbox:hover {
border-color: var(--in-content-focus-outline-color) !important;
transition: border-color 0.5s var(--animation-easing-function);
}
}
@-moz-document url-prefix("about:config") {
#about-config-search:hover {
border-color: var(--in-content-focus-outline-color) !important;
transition: border-color 0.5s var(--animation-easing-function);
}
}
}
}
/*= View Source ==============================================================*/ /*= View Source ==============================================================*/
@-moz-document url-prefix("view-source") { @-moz-document url-prefix("view-source") {
:root { :root {