diff --git a/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/chrome.css b/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/chrome.css index 161c9676..9afbb04e 100644 --- a/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/chrome.css +++ b/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/chrome.css @@ -6,7 +6,9 @@ --better-findbar-position-bottom: 15px; --better-findbar-position-left: 50%; --better-findbar-position-right: auto; - --better-findbar-background-color: var(--zen-primary-color); + --better-findbar-background-color: var(--zen-colors-primary); + --better-findbar-text-color: var(--toolbar-color); + --better-findbar-box-shadow: 0 5px 10px #00000080; } /* Custom background */ @@ -16,6 +18,20 @@ } } +/* Custom text color */ +@media (-moz-bool-pref: "theme-better_find_bar-enable_custom_text_color") { + :root { + --better-findbar-text-color: var(--theme-better_find_bar-custom_text_color); + } +} + +/* Custom box shadow */ +@media (-moz-bool-pref: "theme-better_find_bar-enable_custom_box_shadow") { + :root { + --better-findbar-box-shadow: var(--theme-better_find_bar-custom_box_shadow); + } +} + findbar { display: flex !important; @@ -35,10 +51,16 @@ findbar { transform: translateX(var(--better-findbar-transform-translateX)) translateY(0); overflow: unset !important; - box-shadow: var(--box-shadow-10); + box-shadow: var(--better-findbar-box-shadow); background: var(--better-findbar-background-color) !important; - border: 1px solid var(--input-border-color) !important; + color: var(--better-findbar-text-color) !important; + border: 1px solid + color-mix( + in hsl, + var(--better-findbar-background-color) 75%, + var(--better-findbar-text-color) + ) !important; transition: transform 0.35s ease !important; @@ -58,6 +80,33 @@ findbar { & .findbar-textbox { flex-grow: 1; + background: var(--better-findbar-background-color) !important; + color: var(--better-findbar-text-color) !important; + border: 1px solid + color-mix( + in hsl, + var(--better-findbar-background-color), + var(--better-findbar-text-color) 50% + ) !important; + + &[status="notfound"] { + background-color: color-mix( + in srgb, + var(--better-findbar-background-color), + #e80538 50% + ) !important; + color: inherit; + } + } + + & .findbar-textbox:focus { + outline: 1px solid + color-mix( + in hsl, + var(--better-findbar-background-color), + var(--better-findbar-text-color) 75% + ) !important; + outline-offset: -1px !important; } } diff --git a/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/image.png b/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/image.png index b0444ce9..b7682a1e 100644 Binary files a/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/image.png and b/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/image.png differ diff --git a/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/preferences.json b/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/preferences.json index a8757bc3..c5c5533c 100644 --- a/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/preferences.json +++ b/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/preferences.json @@ -9,7 +9,8 @@ "property": "theme.better_find_bar.custom_background", "label": "Custom background HEX color", "type": "string", - "defaultValue": "#112233" + "defaultValue": "#112233", + "placeholder": "#112233" }, { "property": "theme.better_find_bar.transparent_background", @@ -17,6 +18,32 @@ "type": "checkbox", "defaultValue": true }, + { + "property": "theme-better_find_bar-enable_custom_text_color", + "label": "Enable custom text color", + "type": "checkbox", + "defaultValue": false + }, + { + "property": "theme.better_find_bar.custom_text_color", + "label": "Custom text HEX color", + "type": "string", + "defaultValue": "#ffffff", + "placeholder": "#ffffff" + }, + { + "property": "theme-better_find_bar-enable_custom_box_shadow", + "label": "Enable custom box shadow", + "type": "checkbox", + "defaultValue": false + }, + { + "property": "theme.better_find_bar.custom_box_shadow", + "label": "Custom box shadow (full CSS box-shadow value)", + "type": "string", + "defaultValue": "0 5px 10px rgba(0,0,0,0.5)", + "placeholder": "0 5px 10px rgba(0,0,0,0.5)" + }, { "property": "theme.better_find_bar.horizontal_position", "label": "Horizontal position", diff --git a/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/theme.json b/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/theme.json index 09dcf9c0..9eed5d15 100644 --- a/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/theme.json +++ b/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/theme.json @@ -8,15 +8,16 @@ "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/image.png", "author": "RobotoSkunk", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/preferences.json", - "version": "1.5.1", + "version": "1.6.0", "tags": [ "find", "bar", "search", + "findbar", "searchbar", "find-bar", "search-bar" ], "createdAt": "2024-11-24", - "updatedAt": "2026-02-12" + "updatedAt": "2026-03-12" } \ No newline at end of file