mirror of
https://github.com/betaflight/betaflight-configurator.git
synced 2025-07-24 08:45:28 +03:00
73fa4f981b
* separate our styling from a libraries included .css * update npm packages: bluebird, inflection, jbox, jquery, jquery-ui-npm * ports and osd tabs needed small javascript changes for the above * refactored CSS style sheets, in summary Cascading was being ignored * tweaked colors in dark mode. * tweaked betaflight logo for dark mode care of frozenskys * dark mode can also trigger on `(prefers-color-scheme: dark)` signal from the OS when NW.js 0.40.0/Chrome 76 is released. * changed how `gulp-appdmg` is brought in, mixing yarn and npm was causing trouble * version.json is now written in a more gulpful manner Note: this works fine with NW.js 0.40.0-beta1
55 lines
1.5 KiB
JavaScript
55 lines
1.5 KiB
JavaScript
'use strict';
|
|
|
|
var css_dark = [
|
|
'./css/main-dark.css',
|
|
'./css/tabs-dark/landing-dark.css',
|
|
'./css/tabs-dark/setup-dark.css',
|
|
'./css/tabs-dark/help-dark.css',
|
|
'./css/tabs-dark/ports-dark.css',
|
|
'./css/tabs-dark/configuration-dark.css',
|
|
'./css/tabs-dark/pid_tuning-dark.css',
|
|
'./css/tabs-dark/receiver-dark.css',
|
|
'./css/tabs-dark/servos-dark.css',
|
|
'./css/tabs-dark/gps-dark.css',
|
|
'./css/tabs-dark/motors-dark.css',
|
|
'./css/tabs-dark/led_strip-dark.css',
|
|
'./css/tabs-dark/sensors-dark.css',
|
|
'./css/tabs-dark/cli-dark.css',
|
|
'./css/tabs-dark/logging-dark.css',
|
|
'./css/tabs-dark/onboard_logging-dark.css',
|
|
'./css/tabs-dark/firmware_flasher-dark.css',
|
|
'./css/tabs-dark/adjustments-dark.css',
|
|
'./css/tabs-dark/auxiliary-dark.css',
|
|
'./css/tabs-dark/failsafe-dark.css',
|
|
'./css/tabs-dark/osd-dark.css',
|
|
'./css/tabs-dark/power-dark.css',
|
|
'./css/tabs-dark/transponder-dark.css',
|
|
]
|
|
|
|
var DarkTheme = {
|
|
configEnabled: false,
|
|
};
|
|
|
|
DarkTheme.setConfig = function(result) {
|
|
if (this.configEnabled != result) {
|
|
this.configEnabled = result;
|
|
|
|
if (this.configEnabled) {
|
|
this.applyDark();
|
|
} else {
|
|
this.applyNormal();
|
|
}
|
|
}
|
|
};
|
|
|
|
DarkTheme.applyDark = function() {
|
|
for (var i = 0; i < css_dark.length; i++) {
|
|
$('link[href="' + css_dark[i] + '"]').prop('disabled', false);
|
|
}
|
|
};
|
|
|
|
DarkTheme.applyNormal = function() {
|
|
for (var i = 0; i < css_dark.length; i++) {
|
|
$('link[href="' + css_dark[i] + '"]').prop('disabled', true);
|
|
}
|
|
};
|