From 64738b14222cfbb16739cbb5a6f8aca0331a01f2 Mon Sep 17 00:00:00 2001 From: bfmvsa Date: Sat, 3 Aug 2024 23:53:37 +0200 Subject: [PATCH 1/8] Implemented draft version of INAV configurator with dark mode. Slightly changed design, removed gradients and box shadow properties, etc. --- images/cf_logo_black.svg | 58 + images/cf_logo_white.svg | 6 +- images/icons/cf_failsafe_procedure1.svg | 9 +- images/icons/cf_failsafe_procedure2.svg | 10 +- images/icons/cf_failsafe_procedure3.svg | 5 +- images/icons/cf_failsafe_procedure4.svg | 7 +- images/map_bg.svg | 2 +- index.html | 22 +- js/configurator_main.js | 9 + js/darkMode.js | 66 + js/gui.js | 26 +- js/libraries/jBox/jBox.css | 42 +- js/main.js | 4 +- js/serial_backend.js | 4 +- js/settings.js | 2 +- locale/en/messages.json | 77 +- package-lock.json | 15 +- package.json | 30 +- src/css/dropdown-lists/css/style_lists.css | 58 +- src/css/main.css | 538 +++-- src/css/opensans/fonts.css | 201 ++ ...A-UFUIcVXSCEkx2cmqvXlWqW106FxZCJgvAQ.woff2 | Bin 0 -> 22140 bytes ...A-UFUIcVXSCEkx2cmqvXlWqWt06FxZCJgvAQ.woff2 | Bin 0 -> 32904 bytes ...A-UFUIcVXSCEkx2cmqvXlWqWtE6FxZCJgvAQ.woff2 | Bin 0 -> 49628 bytes ...A-UFUIcVXSCEkx2cmqvXlWqWtU6FxZCJgvAQ.woff2 | Bin 0 -> 1928 bytes ...A-UFUIcVXSCEkx2cmqvXlWqWtk6FxZCJgvAQ.woff2 | Bin 0 -> 13596 bytes ...A-UFUIcVXSCEkx2cmqvXlWqWu06FxZCJgvAQ.woff2 | Bin 0 -> 13824 bytes ...pBA-UFUIcVXSCEkx2cmqvXlWqWuU6FxZCJgg.woff2 | Bin 0 -> 45036 bytes ...A-UFUIcVXSCEkx2cmqvXlWqWuk6FxZCJgvAQ.woff2 | Bin 0 -> 18984 bytes ...A-UFUIcVXSCEkx2cmqvXlWqWvU6FxZCJgvAQ.woff2 | Bin 0 -> 27888 bytes ...A-UFUIcVXSCEkx2cmqvXlWqWxU6FxZCJgvAQ.woff2 | Bin 0 -> 45488 bytes ...MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2 | Bin 0 -> 43068 bytes ...pBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2 | Bin 0 -> 13208 bytes ...pBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2 | Bin 0 -> 12876 bytes ...pBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2 | Bin 0 -> 30684 bytes ...pBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2 | Bin 0 -> 44128 bytes ...pBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2 | Bin 0 -> 1736 bytes ...pBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2 | Bin 0 -> 22928 bytes ...pBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2 | Bin 0 -> 17632 bytes ...pBA-UvWbX2vVnXBbObj2OVTUGmu0SC55K5gw.woff2 | Bin 0 -> 21128 bytes ...pBA-UvWbX2vVnXBbObj2OVTVOmu0SC55K5gw.woff2 | Bin 0 -> 42168 bytes src/css/opensans_webfontkit/fonts.css | 124 -- .../opensans_webfontkit/generator_config.txt | 5 - .../opensans-bold-demo.html | 614 ------ .../opensans-bold-webfont.eot | Bin 21803 -> 0 bytes .../opensans-bold-webfont.svg | 1824 ----------------- .../opensans-bold-webfont.ttf | Bin 46612 -> 0 bytes .../opensans-bold-webfont.woff | Bin 25580 -> 0 bytes .../opensans-bold-webfont.woff2 | Bin 19396 -> 0 bytes .../opensans-bolditalic-demo.html | 614 ------ .../opensans-bolditalic-webfont.eot | Bin 23047 -> 0 bytes .../opensans-bolditalic-webfont.svg | 1824 ----------------- .../opensans-bolditalic-webfont.ttf | Bin 49644 -> 0 bytes .../opensans-bolditalic-webfont.woff | Bin 26976 -> 0 bytes .../opensans-bolditalic-webfont.woff2 | Bin 20476 -> 0 bytes .../opensans-italic-demo.html | 614 ------ .../opensans-italic-webfont.eot | Bin 23403 -> 0 bytes .../opensans-italic-webfont.svg | 1824 ----------------- .../opensans-italic-webfont.ttf | Bin 51276 -> 0 bytes .../opensans-italic-webfont.woff | Bin 27268 -> 0 bytes .../opensans-italic-webfont.woff2 | Bin 20756 -> 0 bytes .../opensans-light-demo.html | 614 ------ .../opensans-light-webfont.eot | Bin 20622 -> 0 bytes .../opensans-light-webfont.svg | 1824 ----------------- .../opensans-light-webfont.ttf | Bin 44728 -> 0 bytes .../opensans-light-webfont.woff | Bin 24192 -> 0 bytes .../opensans-light-webfont.woff2 | Bin 18240 -> 0 bytes .../opensans-regular-demo.html | 614 ------ .../opensans-regular-webfont.eot | Bin 21174 -> 0 bytes .../opensans-regular-webfont.svg | 1824 ----------------- .../opensans-regular-webfont.ttf | Bin 45376 -> 0 bytes .../opensans-regular-webfont.woff | Bin 24888 -> 0 bytes .../opensans-regular-webfont.woff2 | Bin 18832 -> 0 bytes .../opensans-semibold-demo.html | 614 ------ .../opensans-semibold-webfont.eot | Bin 21292 -> 0 bytes .../opensans-semibold-webfont.svg | 1824 ----------------- .../opensans-semibold-webfont.ttf | Bin 45244 -> 0 bytes .../opensans-semibold-webfont.woff | Bin 24964 -> 0 bytes .../opensans-semibold-webfont.woff2 | Bin 18936 -> 0 bytes src/css/styles.css | 4 +- src/css/tabs/adjustments.css | 45 +- src/css/tabs/auxiliary.css | 73 +- src/css/tabs/calibration.css | 34 +- src/css/tabs/cli.css | 15 +- src/css/tabs/configuration.css | 18 +- src/css/tabs/failsafe.css | 30 +- src/css/tabs/firmware_flasher.css | 41 +- src/css/tabs/gps.css | 2 +- src/css/tabs/landing.css | 98 +- src/css/tabs/led_strip.css | 36 +- src/css/tabs/logging.css | 1 - src/css/tabs/magnetometer.css | 2 +- src/css/tabs/mission_planer.css | 26 +- src/css/tabs/mixer.css | 10 +- src/css/tabs/modes.css | 2 +- src/css/tabs/motors.css | 22 +- src/css/tabs/onboard_logging.css | 15 +- src/css/tabs/osd.css | 36 +- src/css/tabs/pid_tuning.css | 4 - src/css/tabs/ports.css | 34 +- src/css/tabs/profiles.css | 10 +- src/css/tabs/programming.css | 18 +- src/css/tabs/receiver.css | 101 +- src/css/tabs/receiver_msp.css | 9 +- src/css/tabs/sensors.css | 12 +- src/css/tabs/setup.css | 36 +- src/css/tabs/sitl.css | 17 +- src/css/variables-dark.css | 58 + src/css/variables.css | 124 ++ tabs/firmware_flasher.html | 2 +- tabs/firmware_flasher.js | 2 +- tabs/landing.html | 13 +- tabs/magnetometer.js | 2 +- tabs/options.html | 27 +- tabs/outputs.js | 4 +- tabs/sensors.html | 2 +- tabs/setup.js | 4 +- 117 files changed, 1256 insertions(+), 15681 deletions(-) create mode 100644 images/cf_logo_black.svg create mode 100644 js/darkMode.js create mode 100644 src/css/opensans/fonts.css create mode 100644 src/css/opensans/woff2/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqW106FxZCJgvAQ.woff2 create mode 100644 src/css/opensans/woff2/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06FxZCJgvAQ.woff2 create mode 100644 src/css/opensans/woff2/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6FxZCJgvAQ.woff2 create mode 100644 src/css/opensans/woff2/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6FxZCJgvAQ.woff2 create mode 100644 src/css/opensans/woff2/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6FxZCJgvAQ.woff2 create mode 100644 src/css/opensans/woff2/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06FxZCJgvAQ.woff2 create mode 100644 src/css/opensans/woff2/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6FxZCJgg.woff2 create mode 100644 src/css/opensans/woff2/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6FxZCJgvAQ.woff2 create mode 100644 src/css/opensans/woff2/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6FxZCJgvAQ.woff2 create mode 100644 src/css/opensans/woff2/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWxU6FxZCJgvAQ.woff2 create mode 100644 src/css/opensans/woff2/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2 create mode 100644 src/css/opensans/woff2/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2 create mode 100644 src/css/opensans/woff2/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2 create mode 100644 src/css/opensans/woff2/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2 create mode 100644 src/css/opensans/woff2/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2 create mode 100644 src/css/opensans/woff2/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2 create mode 100644 src/css/opensans/woff2/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2 create mode 100644 src/css/opensans/woff2/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2 create mode 100644 src/css/opensans/woff2/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu0SC55K5gw.woff2 create mode 100644 src/css/opensans/woff2/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu0SC55K5gw.woff2 delete mode 100644 src/css/opensans_webfontkit/fonts.css delete mode 100644 src/css/opensans_webfontkit/generator_config.txt delete mode 100644 src/css/opensans_webfontkit/opensans-bold-demo.html delete mode 100644 src/css/opensans_webfontkit/opensans-bold-webfont.eot delete mode 100644 src/css/opensans_webfontkit/opensans-bold-webfont.svg delete mode 100644 src/css/opensans_webfontkit/opensans-bold-webfont.ttf delete mode 100644 src/css/opensans_webfontkit/opensans-bold-webfont.woff delete mode 100644 src/css/opensans_webfontkit/opensans-bold-webfont.woff2 delete mode 100644 src/css/opensans_webfontkit/opensans-bolditalic-demo.html delete mode 100644 src/css/opensans_webfontkit/opensans-bolditalic-webfont.eot delete mode 100644 src/css/opensans_webfontkit/opensans-bolditalic-webfont.svg delete mode 100644 src/css/opensans_webfontkit/opensans-bolditalic-webfont.ttf delete mode 100644 src/css/opensans_webfontkit/opensans-bolditalic-webfont.woff delete mode 100644 src/css/opensans_webfontkit/opensans-bolditalic-webfont.woff2 delete mode 100644 src/css/opensans_webfontkit/opensans-italic-demo.html delete mode 100644 src/css/opensans_webfontkit/opensans-italic-webfont.eot delete mode 100644 src/css/opensans_webfontkit/opensans-italic-webfont.svg delete mode 100644 src/css/opensans_webfontkit/opensans-italic-webfont.ttf delete mode 100644 src/css/opensans_webfontkit/opensans-italic-webfont.woff delete mode 100644 src/css/opensans_webfontkit/opensans-italic-webfont.woff2 delete mode 100644 src/css/opensans_webfontkit/opensans-light-demo.html delete mode 100644 src/css/opensans_webfontkit/opensans-light-webfont.eot delete mode 100644 src/css/opensans_webfontkit/opensans-light-webfont.svg delete mode 100644 src/css/opensans_webfontkit/opensans-light-webfont.ttf delete mode 100644 src/css/opensans_webfontkit/opensans-light-webfont.woff delete mode 100644 src/css/opensans_webfontkit/opensans-light-webfont.woff2 delete mode 100644 src/css/opensans_webfontkit/opensans-regular-demo.html delete mode 100644 src/css/opensans_webfontkit/opensans-regular-webfont.eot delete mode 100644 src/css/opensans_webfontkit/opensans-regular-webfont.svg delete mode 100644 src/css/opensans_webfontkit/opensans-regular-webfont.ttf delete mode 100644 src/css/opensans_webfontkit/opensans-regular-webfont.woff delete mode 100644 src/css/opensans_webfontkit/opensans-regular-webfont.woff2 delete mode 100644 src/css/opensans_webfontkit/opensans-semibold-demo.html delete mode 100644 src/css/opensans_webfontkit/opensans-semibold-webfont.eot delete mode 100644 src/css/opensans_webfontkit/opensans-semibold-webfont.svg delete mode 100644 src/css/opensans_webfontkit/opensans-semibold-webfont.ttf delete mode 100644 src/css/opensans_webfontkit/opensans-semibold-webfont.woff delete mode 100644 src/css/opensans_webfontkit/opensans-semibold-webfont.woff2 create mode 100644 src/css/variables-dark.css create mode 100644 src/css/variables.css diff --git a/images/cf_logo_black.svg b/images/cf_logo_black.svg new file mode 100644 index 000000000..bc93c5552 --- /dev/null +++ b/images/cf_logo_black.svg @@ -0,0 +1,58 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/cf_logo_white.svg b/images/cf_logo_white.svg index 5fdadf7d7..651cd8803 100644 --- a/images/cf_logo_white.svg +++ b/images/cf_logo_white.svg @@ -1,10 +1,10 @@ + viewBox="151 -2 585 57" xml:space="preserve"> .st0{fill:#37A8DB;} .st1{fill:none;} - .st2{enable-background:new ;} - .st3{fill:none;stroke:#1B171B;stroke-miterlimit:10;} + .st2{enable-background:new;} + .st3{fill:none;stroke:#6c757d;stroke-miterlimit:10;} + .st4{fill:#6c757d} - + @@ -30,7 +31,7 @@ z"/> - + - + - diff --git a/images/icons/cf_failsafe_procedure3.svg b/images/icons/cf_failsafe_procedure3.svg index 47324fde5..5d3b4f7cc 100644 --- a/images/icons/cf_failsafe_procedure3.svg +++ b/images/icons/cf_failsafe_procedure3.svg @@ -7,12 +7,13 @@ .st1{enable-background:new ;} .st2{fill:#37A8DB;} .st3{fill:none;stroke:#37A8DB;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;} - .st4{fill:none;stroke:#1B171B;stroke-miterlimit:10;} + .st4{fill:none;stroke:#6c757d;stroke-miterlimit:10;} + .st5{fill:#6c757d} - + - + @@ -42,7 +43,7 @@ c0,1,0.2,1.7,0.6,2.2s0.9,0.8,1.7,0.8s1.3-0.2,1.7-0.7s0.6-1.2,0.6-2.2s-0.2-1.7-0.6-2.2c-0.4-0.5-1-0.7-1.7-0.7s-1.3,0.2-1.7,0.7 S-1021.3,102.3-1021.3,103.3z"/> - + - + @@ -28,7 +28,7 @@

-
+