Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dark theme, UI elements unification, UX enhancements #2207

Open
wants to merge 243 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
243 commits
Select commit Hold shift + click to select a range
2d8d7cb
Add OpenSans font family
bfmvsa Aug 15, 2024
893658b
Add logo optimised for dark mode
bfmvsa Aug 15, 2024
58c07bd
Optimise svg images for dark mode
bfmvsa Aug 15, 2024
06a27bf
Sort npm dependencies in package.json
bfmvsa Aug 15, 2024
48da75d
Install bootstrap + sass
bfmvsa Aug 15, 2024
b8ecb4a
Add darkMode.js file to repo
bfmvsa Aug 15, 2024
3595d85
Add bootstrap file
bfmvsa Aug 15, 2024
44a0f58
Add overrides for bootstrap framework
bfmvsa Aug 15, 2024
166629d
Customize bootstrap alerts
bfmvsa Aug 15, 2024
2f9bded
Update messages.json to use css variables
bfmvsa Aug 15, 2024
f79d549
Delete old Open Sans font with hardcoded font weight values
bfmvsa Aug 15, 2024
8a43d18
Update OpenSans css file reference
bfmvsa Aug 15, 2024
ed37a6f
Update styles for list groups inside card element
bfmvsa Aug 15, 2024
171fd3e
Add file references to main sass file
bfmvsa Aug 15, 2024
2dbb3b7
Update hardcoded color by css variable
bfmvsa Aug 15, 2024
0fa2281
Cumulative updates in adjustments.css
bfmvsa Aug 15, 2024
7c648c6
Cumulative updates in auxiliary.css
bfmvsa Aug 15, 2024
2515db7
Cumulative updates in calibration.css
bfmvsa Aug 15, 2024
ccac9e8
Cumulative updates in cli.css
bfmvsa Aug 15, 2024
f555249
Cumulative updates in configuration.css
bfmvsa Aug 15, 2024
040d8b2
Cumulative updates in ez_tune.css
bfmvsa Aug 15, 2024
b6387c6
Cumulative updates in failsafe.css
bfmvsa Aug 15, 2024
ae14bb8
Cumulative updates in firmware_flasher.css
bfmvsa Aug 15, 2024
20dfd2d
Cumulative updates in gps.css
bfmvsa Aug 15, 2024
95479fa
Cumulative updates in landing.css
bfmvsa Aug 15, 2024
f14d082
Cumulative updates in led_strip.css
bfmvsa Aug 15, 2024
18b1de5
Cumulative updates in logging.css
bfmvsa Aug 15, 2024
59a3885
Cumulative updates in magnetometer.css
bfmvsa Aug 15, 2024
4eb81b0
Cumulative updates in mission_planer.css
bfmvsa Aug 15, 2024
88c25c5
Cumulative updates in mixer.css
bfmvsa Aug 15, 2024
55ea009
Cumulative updates in modes.css
bfmvsa Aug 15, 2024
468aae2
Cumulative updates in motors.css
bfmvsa Aug 15, 2024
ad5f452
Cumulative updates in onboard_logging.css
bfmvsa Aug 15, 2024
878de8b
Cumulative updates in osd.css
bfmvsa Aug 15, 2024
d033f9f
Cumulative updates in pid_tuning.css
bfmvsa Aug 15, 2024
1216417
Cumulative updates in ports.css
bfmvsa Aug 15, 2024
fe64b95
Cumulative updates in profiles.css
bfmvsa Aug 15, 2024
d47a276
Cumulative updates in programming.css
bfmvsa Aug 15, 2024
9619178
Cumulative updates in receiver.css
bfmvsa Aug 15, 2024
ffc552a
Cumulative updates in receiver_msp.css
bfmvsa Aug 15, 2024
9e6beee
Cumulative updates in sensors.css
bfmvsa Aug 15, 2024
238540f
Cumulative updates in setup.css
bfmvsa Aug 15, 2024
b9bb5bf
Cumulative updates in sitl.css
bfmvsa Aug 15, 2024
a740fd8
Cumulative updates in style_lists.css
bfmvsa Aug 15, 2024
3b2bb58
Fix grid in calibration.html
bfmvsa Aug 15, 2024
cac1b31
Fix grid in sensors.html
bfmvsa Aug 15, 2024
e97d0fa
Add theme switcher to options.html
bfmvsa Aug 15, 2024
95988e8
Reduce background color saturation for outputMapping.js
bfmvsa Aug 15, 2024
bd167b5
Change hardcoded colors to css variables
bfmvsa Aug 15, 2024
8bde23f
Cumulative css changes in jBox.css
bfmvsa Aug 15, 2024
963e91d
Add basic styles for new ui
bfmvsa Aug 15, 2024
ef9d61b
Cumulative changes in main.css file
bfmvsa Aug 15, 2024
b97727a
Change hardcoded color to css variables
bfmvsa Aug 15, 2024
e7eee82
Remove hardcoded color
bfmvsa Aug 15, 2024
d0465f7
Cumulative changes in index.html
bfmvsa Aug 15, 2024
38c6d92
Update references to html elements
bfmvsa Aug 15, 2024
c0ae060
Update hardcoded colors by css variables
bfmvsa Aug 15, 2024
27530ab
Update references to html elements
bfmvsa Aug 15, 2024
6eeebad
Update references to html elements
bfmvsa Aug 15, 2024
dfcf457
Update landing page to use different images depending on theme
bfmvsa Aug 15, 2024
ff067a2
Update hardcoded colors by css variables
bfmvsa Aug 15, 2024
3b63f67
Update references to html elements
bfmvsa Aug 15, 2024
f1b6b04
Update options.html according to new ui
bfmvsa Aug 15, 2024
52f3369
Update hardcoded colors by css variables
bfmvsa Aug 15, 2024
dd1b4ab
Simplify tabs handling, update references to html elements
bfmvsa Aug 15, 2024
206d46b
Update landing.html according to new ui
bfmvsa Aug 16, 2024
3e87a91
Update options.html according to new ui
bfmvsa Aug 17, 2024
3254cbe
Update setup tab according to new ui
bfmvsa Aug 17, 2024
36bf57a
Update min width of app according to bootstrap breakpoint
bfmvsa Aug 27, 2024
c4782d4
Update styles in options.html, update selectors to id instead of clas…
bfmvsa Aug 28, 2024
e6989db
Set language selector to the first line of block
bfmvsa Aug 28, 2024
38fd7a2
Update selectors in options tab
bfmvsa Aug 28, 2024
4789289
Increase default ambient light to avoid full black color
bfmvsa Aug 30, 2024
cb07d5b
Add three dots icon
bfmvsa Aug 31, 2024
1451434
Delete unused icons
bfmvsa Aug 31, 2024
6c4e03a
Add helper classes
bfmvsa Aug 31, 2024
3b26c4e
Cumulative changes in styling, dataview, layout
bfmvsa Aug 31, 2024
809d8f4
Move Reset UAV button to first column
bfmvsa Aug 31, 2024
fb3baeb
Update ports tab according to new ui
bfmvsa Aug 31, 2024
d37340b
Change padding top of page element
bfmvsa Aug 31, 2024
6cbc624
Style fixes in ports tab
bfmvsa Aug 31, 2024
9c90f38
Fix issue with z-index of page bottom element
bfmvsa Aug 31, 2024
020c0a5
Move icon to the right in the list item
bfmvsa Aug 31, 2024
1996f89
Rework configuration tab according to the new ui
bfmvsa Aug 31, 2024
f5d72f5
Remove useless css
bfmvsa Sep 1, 2024
d86170c
Remove useless css for configuration tab
bfmvsa Sep 1, 2024
eaabfcf
Rework calibration tab according to new ui
bfmvsa Sep 1, 2024
7cf0d16
Add helper classes
bfmvsa Sep 1, 2024
39e4c81
Remove change of font size due screen width
bfmvsa Sep 1, 2024
3816870
Add temporary css to avoid broken column width in old ui
bfmvsa Sep 1, 2024
105b800
Rework advanced_tuning tab according to new ui
bfmvsa Sep 1, 2024
bdbc5d7
Rework failsafe tab according to new ui
bfmvsa Sep 1, 2024
bfe7618
Fix issue with small icon on small width of screen
bfmvsa Sep 1, 2024
d480317
Merge master into new-ui
bfmvsa Sep 1, 2024
d67e290
Recover missed translations
bfmvsa Sep 1, 2024
1e1762b
Fix padding for page footer
bfmvsa Sep 1, 2024
421ebb6
Update cli tab according to the new ui
bfmvsa Sep 1, 2024
d3eb464
Update padding in JBox body
bfmvsa Sep 1, 2024
6bb1135
Temporary fix for content_toolbar class
bfmvsa Sep 1, 2024
a102ad0
Fix bug when configurator wasn't able to reconnect
bfmvsa Sep 1, 2024
542c085
Add delay when showing loading screen
bfmvsa Sep 1, 2024
23492ca
Remove useless container
bfmvsa Sep 2, 2024
60d5921
Remove useless id from pages
bfmvsa Sep 2, 2024
8297f5d
Rework Tethered Logging tab according to the new ui
bfmvsa Sep 2, 2024
8116192
Slightly increase width of switch
bfmvsa Sep 3, 2024
8ed46bd
Rework receiver tab according to new ui
bfmvsa Sep 3, 2024
4e1028a
Update canvas height in the receiver tab
bfmvsa Sep 3, 2024
ca04c0c
Clean up in the configuration tab
bfmvsa Sep 3, 2024
79bd5b8
Reduce padding below alert in the receiver tab
bfmvsa Sep 3, 2024
f252425
Rework gps tab according to the new ui
bfmvsa Sep 3, 2024
bf6b641
Fix handleReconnect function for reworked according to new ui tabs
bfmvsa Sep 3, 2024
c30b2cf
Rework adjustments tab according to the new ui
bfmvsa Sep 3, 2024
e70cfea
Fix broken html in sensors tab
bfmvsa Sep 4, 2024
128a1b1
Fix z-index for data-loading element
bfmvsa Sep 4, 2024
26289e4
Change style of form-switch element
bfmvsa Sep 5, 2024
65ae991
Update class of form-switch element on the index.html
bfmvsa Sep 5, 2024
7514145
Update ports tab to use native switch input
bfmvsa Sep 5, 2024
550ce06
Fix column width in logging tab
bfmvsa Sep 5, 2024
a4e829b
Change switch inputs to native
bfmvsa Sep 6, 2024
6e32c24
Update switch-input styles
bfmvsa Sep 6, 2024
93d778f
Change switch inputs to native in configuration tab
bfmvsa Sep 6, 2024
d4d5d69
Fix issue with displayed hidden element
bfmvsa Sep 6, 2024
a80a5e3
Update hardcoded colors in messages.json
bfmvsa Sep 6, 2024
fb91dfd
Update message
bfmvsa Sep 6, 2024
85f48aa
Add margin in logging tab
bfmvsa Sep 7, 2024
8b01796
Update general css rules for dialog element
bfmvsa Sep 7, 2024
97c887d
Update behaviour of highlighting of profile fields
bfmvsa Sep 7, 2024
12e2c21
Update onboard_logging tab according to new ui
bfmvsa Sep 7, 2024
a825df9
Update behaviour of highlighting of profile fields
bfmvsa Sep 7, 2024
82b5aef
Update translation in failsafe tab
bfmvsa Sep 7, 2024
9be79b9
Change style of highlighted elements
bfmvsa Sep 7, 2024
ccac7e7
Always add classes to inputs for highlight profile inputs
bfmvsa Sep 7, 2024
d2209f1
Style changes in cli tab
bfmvsa Sep 7, 2024
7f195e4
Change checkboxes to switches in options.html
bfmvsa Sep 7, 2024
caaad08
Make logs opacity 50% when not focus
bfmvsa Sep 8, 2024
a141fdf
Use native switch toggles
bfmvsa Sep 15, 2024
6605cb0
Add ability to change navbar and header to light version in light theme
bfmvsa Sep 17, 2024
0569476
Add ability to change navbar and header to light version in light theme
bfmvsa Sep 17, 2024
951192b
Update colors according to main theme
bfmvsa Sep 17, 2024
eb84efa
Remove useless css property
bfmvsa Sep 17, 2024
bae98df
Fix issue with overridden css rules
bfmvsa Sep 17, 2024
150988c
Crop logo images
bfmvsa Sep 17, 2024
ba705f5
Set max width to 100% for logo on landing page
bfmvsa Sep 17, 2024
2262e71
Changes in main css
bfmvsa Sep 17, 2024
7b13a83
Add missed translations
bfmvsa Sep 17, 2024
a62d8d8
Update colors of three-dots-vertical.svg to be universal for dark and…
bfmvsa Sep 17, 2024
dda7e14
Changes in osd.css file
bfmvsa Sep 18, 2024
48177ad
Merge master into new-ui
bfmvsa Sep 18, 2024
bdea361
Increase number of width helpers
bfmvsa Sep 20, 2024
f5aea01
Merge master into new-ui
bfmvsa Sep 20, 2024
97234b6
Decrease horizontal paddings for inputs
bfmvsa Sep 21, 2024
c75f2d8
Change switch to native
bfmvsa Sep 21, 2024
6af48ff
Add helper classes for min-height css rule
bfmvsa Sep 21, 2024
497a216
Slightly change position of select chevron
bfmvsa Sep 21, 2024
5dba494
Update colors according to the dark theme
bfmvsa Sep 21, 2024
758bfbd
Merge master into new-ui
bfmvsa Sep 22, 2024
ebc5075
Update magnetometer tab according to the new ui
bfmvsa Sep 22, 2024
a8d90b7
Set transparent bg color for table class
bfmvsa Sep 22, 2024
eb1703d
Update sensors tab according to new ui
bfmvsa Sep 22, 2024
8bf6637
Toggle specific inputs for LAND procedure
bfmvsa Sep 22, 2024
b1fa982
Update firmware_flasher tab according to the new ui
bfmvsa Sep 23, 2024
334a4bb
Delete useless semver.js file from the project
bfmvsa Sep 23, 2024
2a1706a
Merge master into new-ui
bfmvsa Sep 23, 2024
bc25d44
Remove fixed width from label
bfmvsa Sep 23, 2024
e5308a6
Show external link icon for a.helpicon
bfmvsa Sep 24, 2024
d8c5638
Show external link icon for a.helpiconLink
bfmvsa Sep 24, 2024
404c6f4
Revert deleted for attributes
bfmvsa Sep 24, 2024
14f9136
Revert deleted for attributes
bfmvsa Sep 24, 2024
e492d42
Revert deleted for attributes
bfmvsa Sep 24, 2024
98f782a
Revert deleted for attributes
bfmvsa Sep 24, 2024
efb1fe7
Merge master into new-ui
bfmvsa Oct 1, 2024
9194d77
Add missed translation
bfmvsa Oct 2, 2024
e1ca736
Remove hardcoded text
bfmvsa Oct 2, 2024
cba86dc
Increase width of channel name
bfmvsa Oct 2, 2024
72c6bdf
Change content wrapper
bfmvsa Oct 3, 2024
7440a10
Update OSD tab according to the new ui
bfmvsa Oct 3, 2024
7287f8b
Delete unused bundle_xml2js.js file
bfmvsa Oct 4, 2024
67ae984
Delete unused CanvasRenderer.js file
bfmvsa Oct 4, 2024
3430724
Delete unused Projector.js file
bfmvsa Oct 4, 2024
58b1d56
Delete unused flightindicators ui in setup tab
bfmvsa Oct 4, 2024
f228bfa
Delete unused flightindicators ui in setup tab
bfmvsa Oct 4, 2024
50aa653
Remove fixed height for tabs
bfmvsa Oct 4, 2024
b509d38
Add data-os as global html attribute
bfmvsa Oct 4, 2024
0048ab8
Remove d3 library, use d3 npm package instead
bfmvsa Oct 4, 2024
7ab9984
Add global html attributes into markup
bfmvsa Oct 4, 2024
cef1111
Add icons for custom titlebar
bfmvsa Oct 4, 2024
daf6341
Implement custom titlebar
bfmvsa Oct 4, 2024
564243e
Revert hiding of buttons for macos
bfmvsa Oct 4, 2024
cf78dc9
Move 'Documentation and Support' link from sidebar to landing page
bfmvsa Oct 4, 2024
d029f1b
Move versions info to the bottom of the app
bfmvsa Oct 4, 2024
c0f4117
Fix position of Center button
bfmvsa Oct 4, 2024
6fd50e1
Decrease size of window buttons
bfmvsa Oct 5, 2024
146ec5f
Add fontawesome to package.json
bfmvsa Oct 5, 2024
a2f987c
Update styles.css to use fontawesome from node_modules
bfmvsa Oct 5, 2024
250b198
Delete static fontawesome library
bfmvsa Oct 5, 2024
54ba7e3
Delete unused css files
bfmvsa Oct 5, 2024
a769ca6
Remove reference to css file
bfmvsa Oct 5, 2024
96de6c1
Remove empty css file
bfmvsa Oct 5, 2024
a5f3bdd
Add OpenSans font as dependency
bfmvsa Oct 5, 2024
3c542fd
Change styles.css to use OpenSans from node_modules
bfmvsa Oct 5, 2024
d343edd
Delete static OpenSans fonts
bfmvsa Oct 5, 2024
e9cec59
Add bootstrap icons to package.json
bfmvsa Oct 5, 2024
b079c34
Remove fontawesome icons to package.json
bfmvsa Oct 5, 2024
bf2a03b
Changes according to move from fontawesome to bootstrap-icons
bfmvsa Oct 5, 2024
e675349
Rename mission_planer.css to mission_control.css to align tab file names
bfmvsa Oct 6, 2024
339725c
Add styles for icon buttons in the header of the list
bfmvsa Oct 6, 2024
61c5973
Update translations
bfmvsa Oct 6, 2024
a0685b1
Rename mission_planner css file to mission_control
bfmvsa Oct 6, 2024
3b70a6a
Fix issue with displaying input number arrows
bfmvsa Oct 7, 2024
3e39160
Increase font size of tooltip
bfmvsa Oct 7, 2024
2f1030e
Update checkpass and checkfail icons to use bootstrap font
bfmvsa Oct 7, 2024
5313a51
Chane position of reset button on the setup page
bfmvsa Oct 7, 2024
4336f6b
Merge master into new-ui
bfmvsa Oct 8, 2024
4cd3b2f
merge master into new-ui
bfmvsa Oct 8, 2024
c1cf3fe
Remove useless css code. Change helpicon to use font instead of images
bfmvsa Oct 12, 2024
9b862f3
Change sdcard icon from image to font symbol
bfmvsa Oct 12, 2024
0fa47f2
Change sass package to sass-embedded as faster version
bfmvsa Oct 14, 2024
1bfc4e2
Changes according to the new flow of sass files generation
bfmvsa Oct 14, 2024
d888c5e
Create generateAssets hook to handle sass files
bfmvsa Oct 14, 2024
ef28036
Change path of autogenerated files
bfmvsa Oct 14, 2024
3f9c022
Merge master into new-ui
bfmvsa Oct 19, 2024
75739e5
Fix merge issues
bfmvsa Oct 19, 2024
3714ce3
Update Tuning tab according to the new ui
bfmvsa Oct 24, 2024
45180f6
Remove broken import to css file
bfmvsa Oct 24, 2024
77ea3c8
Include bootstrap file into configurator_main.js
bfmvsa Oct 24, 2024
037b1f3
Rework programming tab according to the new ui
bfmvsa Oct 24, 2024
a29efe0
Set relative width for table cells
bfmvsa Oct 24, 2024
1c0b695
Remove broken import from the css file
bfmvsa Oct 24, 2024
4350591
Add grid background for throttle curve in receiver tab
bfmvsa Oct 25, 2024
6ec55df
Update styles of led strip tab according to the new ui
bfmvsa Oct 25, 2024
0e0827f
Changes in main.css file
bfmvsa Oct 25, 2024
55f69ff
Update SITL tab according to new ui
bfmvsa Oct 25, 2024
8f8b7bb
Small ui fixes in wizart and defaults dialog
bfmvsa Oct 25, 2024
3219725
Add borders to button without color in led_strip tab
bfmvsa Oct 25, 2024
9bb799a
Add border radius 50% for ring function cell in led_strip tab
bfmvsa Oct 25, 2024
3c9f0e7
Update style of outputs wizard step
bfmvsa Oct 25, 2024
502264c
Update style of outputs tab according to the new ui
bfmvsa Oct 25, 2024
d8d1bb0
Update style of mixer tab according to the new ui
bfmvsa Oct 27, 2024
0e4b0ac
Update style of auxiliary tab according to the new ui
bfmvsa Oct 27, 2024
b67ab97
Update background of uav image
bfmvsa Oct 27, 2024
a8c17fe
Cleanup index.html file, removed style tag
bfmvsa Oct 28, 2024
acef35a
Merge master into new-ui
bfmvsa Oct 29, 2024
a014184
Add popperjs as dependency, need for bootstrap
bfmvsa Oct 31, 2024
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions forge.config.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
const path = require('path');
const fs = require('fs');
const sass = require('sass-embedded');

module.exports = {
packagerConfig: {
Expand All @@ -20,6 +21,12 @@ module.exports = {
]
},
hooks: {
generateAssets: () => {
const result = sass.compile('./src/sass/app.scss', {style: "compressed"});
fs.mkdirSync('./dist', { recursive: true });
fs.writeFileSync('./dist/output.css', result.css);
console.log('generateAssets hook');
},
// Uniform artifact file names
postMake: async (config, makeResults) => {
makeResults.forEach(result => {
Expand Down
Binary file removed images/CF_settings_white.png
Binary file not shown.
34 changes: 34 additions & 0 deletions images/cf_logo_black.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
66 changes: 21 additions & 45 deletions images/cf_logo_white.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading