From f056e8274078ace30d37c3f8f904b2af77f5a1ff Mon Sep 17 00:00:00 2001 From: fusionate Date: Thu, 6 Feb 2025 14:37:33 -0700 Subject: [PATCH] Theme: Additional settings to better control border and now outline styles. --- themes/default/app_config.php | 240 ++++++++++++++++++++++++--- themes/default/css.php | 301 +++++++++++++++++++++++++++++----- 2 files changed, 476 insertions(+), 65 deletions(-) diff --git a/themes/default/app_config.php b/themes/default/app_config.php index 5d948cbb5a..f2bb1c2fd9 100644 --- a/themes/default/app_config.php +++ b/themes/default/app_config.php @@ -1832,6 +1832,22 @@ $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the background color (and opacity) of text inputs."; $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "fa1de334-854d-47ce-bf49-168eb0fd1525"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_border_size"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "1px"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border size of text inputs."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "7c8a92fd-c8d1-42e5-8d2c-2df77bfba0f7"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_border_style"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "solid"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border style of text inputs."; + $y++; $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "2f46e479-c724-469d-bb73-865c07d635d3"; $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_border_color"; @@ -1840,14 +1856,6 @@ $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border color (and opacity) of text inputs."; $y++; - $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "e745997c-a093-4550-88ee-8be777f07236"; - $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; - $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_border_color_hover"; - $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; - $apps[$x]['default_settings'][$y]['default_setting_value'] = "#c0c0c0"; - $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; - $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border hover color (and opacity) of text inputs."; - $y++; $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "c612a32c-4308-42a0-a8eb-ec810ac8d1d3"; $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_border_color_focus"; @@ -1856,13 +1864,21 @@ $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border focus color (and opacity) of text inputs."; $y++; - $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "fa1de334-854d-47ce-bf49-168eb0fd1525"; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "e745997c-a093-4550-88ee-8be777f07236"; $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; - $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_border_size"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_border_color_hover"; $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; - $apps[$x]['default_settings'][$y]['default_setting_value'] = "1px"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "#c0c0c0"; $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; - $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border size of text inputs."; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border hover color (and opacity) of text inputs."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "a351407c-d45a-47ff-8689-e57a3d039ea8"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_border_color_hover_focus"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "#c0c0c0"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border hover color (and opacity) of focused text inputs."; $y++; $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "7d45f668-28d4-4af5-87a7-31cc9c405a54"; $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; @@ -1872,6 +1888,86 @@ $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border radius of text inputs."; $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "387e0044-757c-454b-9947-49cea0cbba52"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_outline_size"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "3px"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline size of text inputs."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "8f8280d1-ea96-48b8-a273-25f9ef76251d"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_outline_size_focus"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "3px"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline size on focus of text inputs."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "868df9e8-64ce-4d43-8d97-bf94ade20755"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_outline_size_hover"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "3px"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline size on hover of text inputs."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "6a5c1487-4e7b-4f3d-8d26-0176203a8730"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_outline_size_hover_focus"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "3px"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline size on hover of focused text inputs."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "1aaead90-f557-4c7f-9784-7919b1ff05e2"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_outline_style"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "solid"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline style of text inputs."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "ebcf01e6-f95a-4cae-a5e5-655c973aadfa"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_outline_color"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "#3daee9"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline color (and opacity) of text inputs."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "e8837d73-b912-4b1a-ad33-90660a467fd2"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_outline_color_focus"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "#3daee9"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline focus color (and opacity) of text inputs."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "e131b8fe-c5bc-4161-9792-ef4027dd2ecb"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_outline_color_hover"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "#3daee9"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline hover color (and opacity) of text inputs."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "33544ba5-8ce9-4e44-b8b1-c5bdfad6523b"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_outline_color_hover_focus"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "#3daee9"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline hover color (and opacity) of focused text inputs."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "1818aab3-5171-4ca0-a9c1-3793c4dd7e8d"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_outline_radius"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "3px"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline radius of text inputs."; + $y++; $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "6dd82af4-090d-4e1f-87f6-1a74f7428c32"; $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "input_shadow_inner_color"; @@ -1984,6 +2080,22 @@ $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the background color (and opacity) of text inputs on the login box."; $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "21897088-7cc2-4ce8-abdf-9b14f9b12320"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_border_size"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "1px"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border size of text inputs on the login box."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "73d48a52-fa97-4d75-a4f1-4b1490e365b7"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_border_style"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "solid"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border style of text inputs on the login box."; + $y++; $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "f04fd86a-c223-4f79-ad7a-7c7d2bf4da72"; $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_border_color"; @@ -1992,14 +2104,6 @@ $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border color (and opacity) of text inputs on the login box."; $y++; - $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "1862ce18-ab7d-427e-9c88-8092e36ec66d"; - $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; - $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_border_color_hover"; - $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; - $apps[$x]['default_settings'][$y]['default_setting_value'] = "#c0c0c0"; - $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; - $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border hover color (and opacity) of text inputs on the login box."; - $y++; $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "41c4bf75-4fd8-472b-a427-4f197e03791d"; $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_border_color_focus"; @@ -2008,13 +2112,21 @@ $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border focus color (and opacity) of text inputs on the login box."; $y++; - $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "21897088-7cc2-4ce8-abdf-9b14f9b12320"; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "1862ce18-ab7d-427e-9c88-8092e36ec66d"; $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; - $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_border_size"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_border_color_hover"; $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; - $apps[$x]['default_settings'][$y]['default_setting_value'] = "1px"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "#c0c0c0"; $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; - $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border size of text inputs on the login box."; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border hover color (and opacity) of text inputs on the login box."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "8641e9e1-63fc-44d0-89b0-a36bbac975c0"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_border_color_hover_focus"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "#c0c0c0"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border hover color (and opacity) of focused text inputs on the login box."; $y++; $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "bd186d94-3746-40aa-b477-2de2b14aea85"; $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; @@ -2024,6 +2136,86 @@ $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the border radius of text inputs on the login box."; $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "05d00640-dea3-459a-baad-74cc3619c48d"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_outline_size"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "3px"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline size of text inputs on the login box."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "11cece92-a946-428a-9542-e93aa89cf15c"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_outline_size_focus"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "3px"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline size on focus of text inputs on the login box."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "9824eb32-0743-4170-a58b-209732eb2092"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_outline_size_hover"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "3px"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline size on hover of text inputs on the login box."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "aa1123d6-84d6-4d36-af2d-f53dc0c3dfbc"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_outline_size_hover_focus"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "3px"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline size on hover of focused text inputs on the login box."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "02ae9203-8597-4b73-8252-a7bc303b7453"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_outline_style"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "solid"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline style of text inputs on the login box."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "36f33929-bb6e-4167-b88b-87d448681167"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_outline_color"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "#3daee9"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline color (and opacity) of text inputs on the login box."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "fd829016-4f12-4e66-976b-dc8bcac7e12e"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_outline_color_focus"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "#3daee9"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline focus color (and opacity) of text inputs on the login box."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "1aca5c89-f25e-43da-87ab-4e3f70179e9e"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_outline_color_hover"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "#3daee9"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline hover color (and opacity) of text inputs on the login box."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "27fb9a8b-6780-4211-a12e-ca31c1561a7c"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_outline_color_hover_focus"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "#3daee9"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline hover color (and opacity) of focused text inputs on the login box."; + $y++; + $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "5b3c6a66-5959-4b2a-a58c-5533bd84854b"; + $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; + $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_outline_radius"; + $apps[$x]['default_settings'][$y]['default_setting_name'] = "text"; + $apps[$x]['default_settings'][$y]['default_setting_value'] = "3px"; + $apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false"; + $apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the outline radius of text inputs on the login box."; + $y++; $apps[$x]['default_settings'][$y]['default_setting_uuid'] = "0bf57ba9-b12f-4c50-8129-316ff5f136d4"; $apps[$x]['default_settings'][$y]['default_setting_category'] = "theme"; $apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "login_input_shadow_inner_color"; diff --git a/themes/default/css.php b/themes/default/css.php index 2559cae1b0..613e27de4a 100644 --- a/themes/default/css.php +++ b/themes/default/css.php @@ -107,6 +107,47 @@ $heading_count_text_color = $_SESSION['theme']['heading_count_text_color']['text $heading_count_text_weight = $_SESSION['theme']['heading_count_text_weight']['text'] ?? '700'; $heading_count_border_radius = $_SESSION['theme']['heading_count_border_radius']['text'] ?? '10px'; $heading_count_background_color = $_SESSION['theme']['heading_count_background_color']['text'] ?? '#28a745'; +$body_color = $_SESSION['theme']['body_color']['text'] ?? '#ffffff'; +$body_border_radius = $_SESSION['theme']['body_border_radius']['text'] ?? null; +$body_shadow_color = isset($_SESSION['theme']['body_shadow_color']['text']) ? '0 1px 4px '.$_SESSION['theme']['body_shadow_color']['text'] : 'none'; +$body_text_color = $_SESSION['theme']['body_text_color']['text'] ?? '#5f5f5f'; +$body_text_size = $_SESSION['theme']['body_text_size']['text'] ?? '12px'; +$body_text_font = $_SESSION['theme']['body_text_font']['text'] ?? 'arial'; +$body_width = $_SESSION['theme']['body_width']['text'] ?? '90%'; +$heading_text_color = $_SESSION['theme']['heading_text_color']['text'] ?? '#952424'; +$heading_text_size = $_SESSION['theme']['heading_text_size']['text'] ?? '15px'; +$heading_text_font = $_SESSION['theme']['heading_text_font']['text'] ?? 'arial'; +$input_text_font = $_SESSION['theme']['input_text_font']['text'] ?? 'Arial'; +$input_text_size = $_SESSION['theme']['input_text_size']['text'] ?? '12px'; +$input_text_color = $_SESSION['theme']['input_text_color']['text'] ?? '#000'; +$input_text_placeholder_color = $_SESSION['theme']['input_text_placeholder_color']['text'] ?? '#999999; opacity: 1.0;'; +$input_border_size = $_SESSION['theme']['input_border_size']['text'] ?? '1px'; +$input_border_style = $_SESSION['theme']['input_border_style']['text'] ?? 'solid'; +$input_border_color = $_SESSION['theme']['input_border_color']['text'] ?? '#c0c0c0'; +$input_border_color_focus = $_SESSION['theme']['input_border_color_focus']['text'] ?? '#c0c0c0'; +$input_border_color_hover = $_SESSION['theme']['input_border_color_hover']['text'] ?? '#c0c0c0'; +$input_border_color_hover_focus = $_SESSION['theme']['input_border_color_hover_focus']['text'] ?? '#c0c0c0'; +$input_border_radius = $_SESSION['theme']['input_border_radius']['text'] ?? null; +$input_outline_size = $_SESSION['theme']['input_outline_size']['text'] ?? '3px'; +$input_outline_size_focus = $_SESSION['theme']['input_outline_size_focus']['text'] ?? $input_outline_size; +$input_outline_size_hover = $_SESSION['theme']['input_outline_size_hover']['text'] ?? $input_outline_size; +$input_outline_size_hover_focus = $_SESSION['theme']['input_outline_size_hover_focus']['text'] ?? $input_outline_size; +$input_outline_style = $_SESSION['theme']['input_outline_style']['text'] ?? null; +$input_outline_color = $_SESSION['theme']['input_outline_color']['text'] ?? 'transparent'; +$input_outline_color_focus = $_SESSION['theme']['input_outline_color_focus']['text'] ?? $input_outline_color; +$input_outline_color_hover = $_SESSION['theme']['input_outline_color_hover']['text'] ?? $input_outline_color; +$input_outline_color_hover_focus = $_SESSION['theme']['input_outline_color_hover_focus']['text'] ?? $input_outline_color; +$input_outline_radius = $_SESSION['theme']['input_outline_radius']['text'] ?? $input_border_radius ?? null; +$input_background_color = $_SESSION['theme']['input_background_color']['text'] ?? '#fff'; +$input_shadow_inner_color = isset($_SESSION['theme']['input_shadow_inner_color']['text']) ? '0 0 3px '.$_SESSION['theme']['input_shadow_inner_color']['text'].' inset' : null; +$input_shadow_inner_color_focus = isset($_SESSION['theme']['input_shadow_inner_color_focus']['text']) ? '0 0 3px '.$_SESSION['theme']['input_shadow_inner_color_focus']['text'].' inset' : null; +$input_shadow_outer_color = isset($_SESSION['theme']['input_shadow_outer_color']['text']) ? '0 0 5px '.$_SESSION['theme']['input_shadow_outer_color']['text'] : null; +$input_shadow_outer_color_focus = isset($_SESSION['theme']['input_shadow_outer_color_focus']['text']) ? '0 0 5px '.$_SESSION['theme']['input_shadow_outer_color_focus']['text'] : null; +$input_toggle_style = $_SESSION['theme']['input_toggle_style']['text'] ?? 'switch_round'; +$input_toggle_switch_background_color_true = $_SESSION['theme']['input_toggle_switch_background_color_true']['text'] ?? '#2e82d0'; +$input_toggle_switch_background_color_false = $_SESSION['theme']['input_toggle_switch_background_color_false']['text'] ?? $input_border_color; +$input_toggle_switch_handle_symbol = $_SESSION['theme']['input_toggle_switch_handle_symbol']['boolean'] ?? 'false'; +$input_toggle_switch_handle_color = $_SESSION['theme']['input_toggle_switch_handle_color']['text'] ?? '#ffffff'; $login_body_top = $_SESSION['theme']['login_body_top']['text'] ?? '50%'; $login_body_left = $_SESSION['theme']['login_body_left']['text'] ?? '50%'; $login_body_padding = $_SESSION['theme']['login_body_padding']['text'] ?? '30px'; @@ -121,39 +162,30 @@ $login_link_text_color = $_SESSION['theme']['login_link_text_color']['text'] ?? $login_link_text_size = $_SESSION['theme']['login_link_text_size']['text'] ?? '11px'; $login_link_text_font = $_SESSION['theme']['login_link_text_font']['text'] ?? 'Arial'; $login_link_text_color_hover = $_SESSION['theme']['login_link_text_color_hover']['text'] ?? '#5082ca'; -$body_color = $_SESSION['theme']['body_color']['text'] ?? '#ffffff'; -$body_border_radius = $_SESSION['theme']['body_border_radius']['text'] ?? null; -$body_shadow_color = isset($_SESSION['theme']['body_shadow_color']['text']) ? '0 1px 4px '.$_SESSION['theme']['body_shadow_color']['text'] : 'none'; -$body_text_color = $_SESSION['theme']['body_text_color']['text'] ?? '#5f5f5f'; -$body_text_size = $_SESSION['theme']['body_text_size']['text'] ?? '12px'; -$body_text_font = $_SESSION['theme']['body_text_font']['text'] ?? 'arial'; -$body_width = $_SESSION['theme']['body_width']['text'] ?? '90%'; -$heading_text_color = $_SESSION['theme']['heading_text_color']['text'] ?? '#952424'; -$heading_text_size = $_SESSION['theme']['heading_text_size']['text'] ?? '15px'; -$heading_text_font = $_SESSION['theme']['heading_text_font']['text'] ?? 'arial'; -$input_text_placeholder_color = $_SESSION['theme']['input_text_placeholder_color']['text'] ?? '#999999; opacity: 1.0;'; -$input_text_font = $_SESSION['theme']['input_text_font']['text'] ?? 'Arial'; -$input_text_size = $_SESSION['theme']['input_text_size']['text'] ?? '12px'; -$input_text_color = $_SESSION['theme']['input_text_color']['text'] ?? '#000'; -$input_border_size = $_SESSION['theme']['input_border_size']['text'] ?? '1px'; -$input_border_color = $_SESSION['theme']['input_border_color']['text'] ?? '#c0c0c0'; -$input_border_color_hover_focus = $_SESSION['theme']['input_border_color_hover_focus']['text'] ?? '#c0c0c0'; -$input_background_color = $_SESSION['theme']['input_background_color']['text'] ?? '#fff'; -$input_shadow_inner_color = isset($_SESSION['theme']['input_shadow_inner_color']['text']) ? '0 0 3px '.$_SESSION['theme']['input_shadow_inner_color']['text'].' inset' : null; -$input_shadow_inner_color_focus = isset($_SESSION['theme']['input_shadow_inner_color_focus']['text']) ? '0 0 3px '.$_SESSION['theme']['input_shadow_inner_color_focus']['text'].' inset' : null; -$input_shadow_outer_color = isset($_SESSION['theme']['input_shadow_outer_color']['text']) ? '0 0 5px '.$_SESSION['theme']['input_shadow_outer_color']['text'] : null; -$input_shadow_outer_color_focus = isset($_SESSION['theme']['input_shadow_outer_color_focus']['text']) ? '0 0 5px '.$_SESSION['theme']['input_shadow_outer_color_focus']['text'] : null; -$input_border_radius = $_SESSION['theme']['input_border_radius']['text'] ?? null; -$input_border_color_hover = $_SESSION['theme']['input_border_color_hover']['text'] ?? '#c0c0c0'; -$input_border_color_focus = $_SESSION['theme']['input_border_color_focus']['text'] ?? '#c0c0c0'; $login_text_color = $_SESSION['theme']['login_text_color']['text'] ?? '#282828'; $login_text_size = $_SESSION['theme']['login_text_size']['text'] ?? '12px'; $login_text_font = $_SESSION['theme']['login_text_font']['text'] ?? 'Arial'; $login_input_text_font = $_SESSION['theme']['login_input_text_font']['text'] ?? $input_text_font; $login_input_text_size = $_SESSION['theme']['login_input_text_size']['text'] ?? $input_text_size; $login_input_text_color = $_SESSION['theme']['login_input_text_color']['text'] ?? $input_text_color; +$login_input_text_placeholder_color = $_SESSION['theme']['login_input_text_placeholder_color']['text'] ?? $input_text_placeholder_color; $login_input_border_size = $_SESSION['theme']['login_input_border_size']['text'] ?? $input_border_size; +$login_input_border_style = $_SESSION['theme']['login_input_border_style']['text'] ?? $input_border_style; $login_input_border_color = $_SESSION['theme']['login_input_border_color']['text'] ?? $input_border_color; +$login_input_border_color_focus = $_SESSION['theme']['login_input_border_color_focus']['text'] ?? $input_border_color_focus; +$login_input_border_color_hover = $_SESSION['theme']['login_input_border_color_hover']['text'] ?? $input_border_color_hover; +$login_input_border_color_hover_focus = $_SESSION['theme']['login_input_border_color_hover_focus']['text'] ?? $input_border_color_hover_focus; +$login_input_border_radius = $_SESSION['theme']['login_input_border_radius']['text'] ?? $input_border_radius; +$login_input_outline_size = $_SESSION['theme']['login_input_outline_size']['text'] ?? $input_outline_size; +$login_input_outline_size_focus = $_SESSION['theme']['login_input_outline_size_focus']['text'] ?? $login_input_outline_size; +$login_input_outline_size_hover = $_SESSION['theme']['login_input_outline_size_hover']['text'] ?? $login_input_outline_size; +$login_input_outline_size_hover_focus = $_SESSION['theme']['login_input_outline_size_hover_focus']['text'] ?? $login_input_outline_size; +$login_input_outline_style = $_SESSION['theme']['login_input_outline_style']['text'] ?? $input_outline_style; +$login_input_outline_color = $_SESSION['theme']['login_input_outline_color']['text'] ?? $input_outline_color; +$login_input_outline_color_focus = $_SESSION['theme']['login_input_outline_color_focus']['text'] ?? $input_outline_color_focus; +$login_input_outline_color_hover = $_SESSION['theme']['login_input_outline_color_hover']['text'] ?? $input_outline_color_hover; +$login_input_outline_color_hover_focus = $_SESSION['theme']['login_input_outline_color_hover_focus']['text'] ?? $input_outline_color_hover_focus; +$login_input_outline_radius = $_SESSION['theme']['login_input_outline_radius']['text'] ?? $login_input_border_radius ?? null; $login_input_background_color = $_SESSION['theme']['login_input_background_color']['text'] ?? $input_background_color; $login_input_shadow_inner_color = $_SESSION['theme']['login_input_shadow_inner_color']['text'] ?? $input_shadow_inner_color; $login_input_shadow_inner_color = $login_input_shadow_inner_color != 'none' ? '0 0 3px '.$login_input_shadow_inner_color.' inset' : 'none'; @@ -163,6 +195,7 @@ $login_input_shadow_inner_color_focus = $_SESSION['theme']['login_input_shadow_i $login_input_shadow_inner_color_focus = $login_input_shadow_inner_color_focus != 'none' ? '0 0 3px '.$login_input_shadow_inner_color_focus.' inset' : 'none'; $login_input_shadow_outer_color_focus = $_SESSION['theme']['login_input_shadow_outer_color_focus']['text'] ?? $input_shadow_outer_color_focus; $login_input_shadow_outer_color_focus = $login_input_shadow_outer_color_focus != 'none' ? '0 0 5px '.$login_input_shadow_outer_color_focus : 'none'; +<<<<<<< Updated upstream $login_input_border_radius = $_SESSION['theme']['login_input_border_radius']['text'] ?? $input_border_radius; $login_input_border_color_hover = $_SESSION['theme']['login_input_border_color_hover']['text'] ?? $input_border_color_hover; $login_input_border_color_focus = $_SESSION['theme']['login_input_border_color_focus']['text'] ?? $input_border_color_focus; @@ -173,6 +206,9 @@ $input_toggle_switch_background_color_true = $_SESSION['theme']['input_toggle_sw $input_toggle_switch_background_color_false = $_SESSION['theme']['input_toggle_switch_background_color_false']['text'] ?? $input_border_color; $input_toggle_switch_handle_symbol = $_SESSION['theme']['input_toggle_switch_handle_symbol']['boolean'] ?? 'false'; $input_toggle_switch_handle_color = $_SESSION['theme']['input_toggle_switch_handle_color']['text'] ?? '#ffffff'; +======= +$pwstrength_background_color = $_SESSION['theme']['input_background_color']['text'] ?? 'rgb(245, 245, 245)'; +>>>>>>> Stashed changes $table_heading_text_color = $_SESSION['theme']['table_heading_text_color']['text'] ?? '#3164ad'; $table_heading_text_size = $_SESSION['theme']['table_heading_text_size']['text'] ?? '12px'; $table_heading_text_font = $_SESSION['theme']['table_heading_text_font']['text'] ?? 'arial'; @@ -1793,8 +1829,15 @@ else { //default: white padding: 4px 6px; margin: 1px; border-width: ; - border-style: solid; + border-style: ; border-color: ; + outline-width: ; + + outline-style: ; + + + outline-color: ; + background: ; ; border-radius: ; + + outline-radius: + vertical-align: middle; } + select.txt, textarea.txt, input[type=text].txt, input[type=number].txt, input[type=password].txt, input[type=email].txt, + select.formfld, textarea.formfld, input[type=text].formfld, input[type=number].formfld, input[type=url].formfld, input[type=password].formfld, input[type=email].formfld { - transition: width 0.25s; - -moz-transition: width 0.25s; - -webkit-transition: width 0.25s; + transition: all 0.25s ease; + -moz-transition: all 0.25s ease; + -webkit-transition: all 0.25s ease; } select.txt, @@ -1846,12 +1894,14 @@ else { //default: white } } + select.txt:hover, textarea.txt:hover, input[type=text].txt:hover, input[type=number].txt:hover, input[type=password].txt:hover, input[type=email].txt:hover, label.txt:hover, + select.formfld:hover, textarea.formfld:hover, input[type=text].formfld:hover, input[type=number].formfld:hover, @@ -1859,15 +1909,29 @@ else { //default: white input[type=password].formfld:hover, input[type=email].formfld:hover, label.formfld:hover { - border-color: ; + border: none !important; + border-width: !important; + border-style: !important; + border-color: !important; + + outline-width: !important; + + + outline-style: ; + + + outline-color: !important; + } + select.txt:focus, textarea.txt:focus, input[type=text].txt:focus, input[type=number].txt:focus, input[type=password].txt:focus, input[type=email].txt:focus, label.txt:focus, + select.formfld:focus, textarea.formfld:focus, input[type=text].formfld:focus, input[type=number].formfld:focus, @@ -1875,7 +1939,10 @@ else { //default: white input[type=password].formfld:focus, input[type=email].formfld:focus, label.formfld:focus { - border-color: ; + border: none !important; + border-width: !important; + border-style: !important; + border-color: !important; /* first clear */ -webkit-box-shadow: none; -moz-box-shadow: none; @@ -1895,17 +1962,102 @@ else { //default: white ?> } + select.txt:focus-visible, + textarea.txt:focus-visible, + input[type=text].txt:focus-visible, + input[type=number].txt:focus-visible, + input[type=password].txt:focus-visible, + input[type=email].txt:focus-visible, + label.txt:focus-visible, + select.formfld:focus-visible, + textarea.formfld:focus-visible, + input[type=text].formfld:focus-visible, + input[type=number].formfld:focus-visible, + input[type=url].formfld:focus-visible, + input[type=password].formfld:focus-visible, + input[type=email].formfld:focus-visible, + label.formfld:focus-visible { + + outline-width: !important; + + + outline-style: !important; + + + outline-color: !important; + + } + + select.txt:hover:focus, + textarea.txt:hover:focus, + input[type=text].txt:hover:focus, + input[type=number].txt:hover:focus, + input[type=password].txt:hover:focus, + input[type=email].txt:hover:focus, + label.txt:hover:focus, + select.formfld:hover:focus, + textarea.formfld:hover:focus, + input[type=text].formfld:hover:focus, + input[type=number].formfld:hover:focus, + input[type=url].formfld:hover:focus, + input[type=password].formfld:hover:focus, + input[type=email].formfld:hover:focus, + label.formfld:hover:focus { + border: none !important; + border-width: !important; + border-style: !important; + border-color: !important; + } + + select.txt:hover:focus-visible, + textarea.txt:hover:focus-visible, + input[type=text].txt:hover:focus-visible, + input[type=number].txt:hover:focus-visible, + input[type=password].txt:hover:focus-visible, + input[type=email].txt:hover:focus-visible, + label.txt:hover:focus-visible, + select.formfld:hover:focus-visible, + textarea.formfld:hover:focus-visible, + input[type=text].formfld:hover:focus-visible, + input[type=number].formfld:hover:focus-visible, + input[type=url].formfld:hover:focus-visible, + input[type=password].formfld:hover:focus-visible, + input[type=email].formfld:hover:focus-visible, + label.formfld:hover:focus-visible { + + outline-width: !important; + + + outline-style: !important; + + + outline-color: !important; + + } + textarea.txt, textarea.formfld { resize: both; } +<<<<<<< Updated upstream +======= + input.txt.login, +>>>>>>> Stashed changes input.txt.login { font-family: ; font-size: ; color: ; border-width: ; + border-style: ; border-color: ; + outline-width: ; + + outline-style: ; + + + outline-color: ; + background: ; /* first clear */ -webkit-box-shadow: none; @@ -1930,14 +2082,43 @@ else { //default: white -khtml-border-radius: ; border-radius: ; + + outline-radius: + } +<<<<<<< Updated upstream input.txt.login:hover { border-color: ; } input.txt.login:focus { border-color: ; +======= + input.txt.login:hover, + input.txt.login:hover { + border: none !important; + border-width: !important; + border-style: !important; + border-color: !important; + + outline-width: !important; + + + outline-style: !important; + + + outline-color: !important; + + } + + input.txt.login:focus, + input.txt.login:focus { + border: none !important; + border-width: !important; + border-style: !important; + border-color: !important; +>>>>>>> Stashed changes /* first clear */ -webkit-box-shadow: none; -moz-box-shadow: none; @@ -1957,6 +2138,42 @@ else { //default: white ?> } + input.txt.login:focus-visible, + input.txt.login:focus-visible { + outline: none !important; + + outline-width: !important; + + + outline-style: !important; + + + outline-color: !important; + + } + + input.txt.login:hover:focus, + input.txt.login:hover:focus { + border: none !important; + border-width: !important; + border-style: !important; + border-color: !important; + } + + input.txt.login:hover:focus-visible, + input.txt.login:hover:focus-visible { + outline: none !important; + + outline-width: !important; + + + outline-style: !important; + + + outline-color: !important; + + } + /* style placeholder text (for browsers that support the attribute) - note: can't stack, each must be seperate */ input.txt.login::-webkit-input-placeholder { color: ; } /* chrome/opera/safari */ input.txt.login::-moz-placeholder { color: ; } /* ff 19+ */ @@ -1999,9 +2216,9 @@ else { //default: white width: 70px; min-width: 70px; margin-left: 15px; - -webkit-transition: all .5s ease; - -moz-transition: all .5s ease; - transition: all .5s ease; + -webkit-transition: all 0.25s ease; + -moz-transition: all 0.25s ease; + transition: all 0.25s ease; } input[type=text].list-search:focus { @@ -2141,8 +2358,9 @@ else { //default: white border-radius: 22px; - -webkit-transition: .2s; - transition: .2s; + -webkit-transition: all 0.25s ease; + -moz-transition: all 0.25s ease; + transition: all 0.25s ease; } .slider:before { /* when disabled */ @@ -2182,8 +2400,9 @@ else { //default: white border-radius: 50%; - -webkit-transition: .2s; - transition: .2s; + -webkit-transition: all 0.25s ease; + -moz-transition: all 0.25s ease; + transition: all 0.25s ease; } input:checked + .slider { /* when enabled */ @@ -3238,9 +3457,9 @@ else { //default: white break; } ?> - -webkit-transition: all .2s ease; - -moz-transition: all .2s ease; - transition: all .2s ease; + -webkit-transition: all 0.25s ease; + -moz-transition: all 0.25s ease; + transition: all 0.25s ease; }