1
0
Fork 0
mirror of https://github.com/betaflight/betaflight-configurator.git synced 2025-07-22 15:55:33 +03:00
betaflight-configurator/src/js/DarkTheme.js
Kyle K 73fa4f981b update some libraries, wrestle with yarn/npm, refactor some css
* 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
2019-07-23 20:55:50 +00:00

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);
}
};