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

4
src/contents/_activity_stream.scss
View file

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

7
src/contents/_proton_contents.scss
View file

@ -1,6 +1,13 @@
/*= Common contents ==========================================================*/
@import "proton_contents/proton_commons";
/*= Field Border =============================================================*/
@include Option("userContent.page.field_border") {
@include Animate {
@import "proton_contents/field_border";
}
}
/*= 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);
}
}

21
userContent.css
View file

@ -259,7 +259,7 @@
/** Activity Stream ***********************************************************/
@-moz-document url("about:home"), url("about:newtab") {
/** 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 */
body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"],
body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"],
@ -332,12 +332,14 @@
transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function);
}
@supports -moz-bool-pref("userContent.page.field_border") {
.search-wrapper .search-inner-wrapper:hover input {
border-color: var(--newtab-primary-action-background) !important;
transition: border-color 0.5s var(--animation-easing-function);
}
}
}
}
/** Activity Stream - Home Search Bar looks like proton *********************/
@supports -moz-bool-pref("userContent.newTab.animate") {
/* Dropdown Colors */
@ -1630,6 +1632,23 @@
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 ==============================================================*/
@-moz-document url-prefix("view-source") {
:root {