Create app.js
Andreas Rozek
parent
2844ccde4c
commit
74114e8efd
|
|
@ -0,0 +1,504 @@
|
|||
let Layout = require('Layout');
|
||||
|
||||
let ScreenWidth = g.getWidth(), halfWidth = ScreenWidth/2;
|
||||
let ScreenHeight = g.getHeight();
|
||||
|
||||
let normalizedColorSet = {
|
||||
black:g.toColor(0,0,0), white: g.toColor(1,1,1),
|
||||
red: g.toColor(1,0,0), yellow: g.toColor(1,1,0),
|
||||
green:g.toColor(0,1,0), magenta:g.toColor(1,0,1),
|
||||
blue: g.toColor(0,0,1), cyan: g.toColor(0,1,1)
|
||||
};
|
||||
|
||||
let activeTheme = g.theme; // currently active theme
|
||||
let pendingTheme = Object.assign({},activeTheme);
|
||||
let chosenDetail = null; // one of 'fg','bg','fg2','bg2','fgH','bgH'
|
||||
|
||||
/**** Label ****/
|
||||
|
||||
function Label (Text, Options) {
|
||||
function renderLabel (Details) {
|
||||
let halfWidth = Details.w/2, xAlignment = Details.halign || 0;
|
||||
let halfHeight = Details.h/2, yAlignment = Details.valign || 0;
|
||||
let Padding = Details.pad || 0;
|
||||
|
||||
g.setColor(Details.col || g.theme.fg || '#000000');
|
||||
|
||||
if (Details.font != null) { g.setFont(Details.font); }
|
||||
g.setFontAlign(xAlignment,yAlignment);
|
||||
|
||||
let x = Details.x + halfWidth + xAlignment*(halfWidth+Padding);
|
||||
let y = Details.y + halfHeight + yAlignment*(halfHeight+Padding);
|
||||
|
||||
g.drawString(Details.label, x,y);
|
||||
if (Details.bold) {
|
||||
g.drawString(Details.label, x+1,y);
|
||||
g.drawString(Details.label, x,y+1);
|
||||
g.drawString(Details.label, x+1,y+1);
|
||||
}
|
||||
}
|
||||
|
||||
let Result = Object.assign({}, Options || {}, {
|
||||
type:'custom', render:renderLabel, label:Text || ''
|
||||
});
|
||||
let TextMetrics;
|
||||
if (! Options.width || ! Options.height) {
|
||||
if (Options.font != null) { g.setFont(Options.font); }
|
||||
TextMetrics = g.stringMetrics(Result.label);
|
||||
}
|
||||
|
||||
Result.width = Options.width || TextMetrics.width + 2*(Options.pad || 0);
|
||||
Result.height = Options.height || TextMetrics.height + 2*(Options.pad || 0);
|
||||
return Result;
|
||||
}
|
||||
|
||||
/**** drawRoundedRect ****/
|
||||
|
||||
const roundedRectSines = [
|
||||
0, Math.sin(15*Math.PI/180), Math.sin(30*Math.PI/180),
|
||||
Math.sin(45*Math.PI/180), Math.sin(60*Math.PI/180),
|
||||
Math.sin(75*Math.PI/180), 1
|
||||
];
|
||||
const roundedRectPoly = Array(56);
|
||||
|
||||
function prepareRoundedRect (x1,y1, x2,y2, r) {
|
||||
r = Math.min(r || 0, Math.abs(x1-x2), Math.abs(y1-y2));
|
||||
|
||||
for (let i = 0, j = 0; i <= 6; i++, j += 2) {
|
||||
roundedRectPoly[j] = x1 + r - r*roundedRectSines[6-i];
|
||||
roundedRectPoly[j+1] = y1 + r - r*roundedRectSines[i];
|
||||
}
|
||||
|
||||
for (let i = 0, j = 14; i <= 6; i++, j += 2) {
|
||||
roundedRectPoly[j] = x2 - r + r*roundedRectSines[i];
|
||||
roundedRectPoly[j+1] = y1 + r - r*roundedRectSines[6-i];
|
||||
}
|
||||
|
||||
for (let i = 0, j = 28; i <= 6; i++, j += 2) {
|
||||
roundedRectPoly[j] = x2 - r + r*roundedRectSines[6-i];
|
||||
roundedRectPoly[j+1] = y2 - r + r*roundedRectSines[i];
|
||||
}
|
||||
|
||||
for (let i = 0, j = 42; i <= 6; i++, j += 2) {
|
||||
roundedRectPoly[j] = x1 + r - r*roundedRectSines[i];
|
||||
roundedRectPoly[j+1] = y2 - r + r*roundedRectSines[6-i];
|
||||
}
|
||||
}
|
||||
|
||||
g.drawRoundedRect = function drawRoundedRect (x1,y1, x2,y2, r) {
|
||||
prepareRoundedRect(x1,y1, x2,y2, r);
|
||||
this.drawPoly(roundedRectPoly,true);
|
||||
};
|
||||
|
||||
g.fillRoundedRect = function fillRoundedRect (x1,y1, x2,y2, r) {
|
||||
prepareRoundedRect(x1,y1, x2,y2, r);
|
||||
this.fillPoly(roundedRectPoly,true);
|
||||
};
|
||||
|
||||
|
||||
/**** Button ****/
|
||||
|
||||
function Button (Text, Options) {
|
||||
function renderButton (Details) {
|
||||
let x = Details.x, Width = Details.w, halfWidth = Width/2;
|
||||
let y = Details.y, Height = Details.h, halfHeight = Height/2;
|
||||
let Padding = Details.pad || 0;
|
||||
|
||||
g.setColor(Details.col || g.theme.fg || '#000000');
|
||||
|
||||
if (Details.font != null) { g.setFont(Details.font); }
|
||||
g.setFontAlign(0,0);
|
||||
|
||||
g.drawRoundedRect(x+Padding,y+Padding, x+Width-Padding-1,y+Height-Padding-1,8);
|
||||
g.drawString(Details.label, x+halfWidth,y+halfHeight);
|
||||
g.drawString(Details.label, x+halfWidth+1,y+halfHeight);
|
||||
g.drawString(Details.label, x+halfWidth,y+halfHeight+1);
|
||||
g.drawString(Details.label, x+halfWidth+1,y+halfHeight+1);
|
||||
}
|
||||
|
||||
let Result = Object.assign({}, Options || {}, {
|
||||
type:'custom', render:renderButton, label:Text || 'Tap'
|
||||
});
|
||||
let TextMetrics;
|
||||
if (! Options.width || ! Options.height) {
|
||||
if (Options.font != null) { g.setFont(Options.font); }
|
||||
TextMetrics = g.stringMetrics(Result.label);
|
||||
}
|
||||
|
||||
Result.width = Options.width || TextMetrics.width + 2*10 + 2*(Options.pad || 0);
|
||||
Result.height = Options.height || TextMetrics.height + 2*5 + 2*(Options.pad || 0);
|
||||
return Result;
|
||||
}
|
||||
|
||||
/**** ColorDemo ****/
|
||||
|
||||
function ColorDemo (Text, Options) {
|
||||
function renderDemo (Details) {
|
||||
let x = Details.x, Width = Details.w, halfWidth = Width/2;
|
||||
let y = Details.y, Height = Details.h, halfHeight = Height/2;
|
||||
let Padding = Details.pad || 0;
|
||||
|
||||
if (Details.font != null) { g.setFont(Details.font); }
|
||||
g.setFontAlign(0,0);
|
||||
|
||||
g.setColor(Details.bg); // do not use "bgCol"!
|
||||
g.fillRect(x+Padding, y+Padding, x+Width-Padding, y+Height-Padding);
|
||||
|
||||
g.setColor(Details.fg);
|
||||
g.drawString(Details.label, x+halfWidth,y+halfHeight);
|
||||
}
|
||||
|
||||
let Result = Object.assign({}, Options || {}, {
|
||||
type:'custom', render:renderDemo, label:Text || 'Test'
|
||||
});
|
||||
let TextMetrics;
|
||||
if (! Options.width || ! Options.height) {
|
||||
if (Options.font != null) { g.setFont(Options.font); }
|
||||
TextMetrics = g.stringMetrics(Result.label);
|
||||
}
|
||||
|
||||
Result.width = Options.width || TextMetrics.width + 2*2 + 2*(Options.pad || 0);
|
||||
Result.height = Options.height || TextMetrics.height + 2*2 + 2*(Options.pad || 0);
|
||||
return Result;
|
||||
}
|
||||
|
||||
|
||||
/**** ColorView ****/
|
||||
|
||||
function ColorView (Color, Options) {
|
||||
function renderColorView (Details) {
|
||||
let x = Details.x, Width = Details.w;
|
||||
let y = Details.y, Height = Details.h;
|
||||
let Padding = Details.pad || 0;
|
||||
|
||||
g.setColor('#000000');
|
||||
g.drawRect(x+Padding,y+Padding, x+Width-Padding-1,y+Height-Padding-1);
|
||||
|
||||
g.setColor(Details.col);
|
||||
g.fillRect(x+Padding+2, y+Padding+2, x+Width-Padding-3, y+Height-Padding-3);
|
||||
}
|
||||
|
||||
let Result = Object.assign({}, Options || {}, {
|
||||
type:'custom', render:renderColorView, col:Color
|
||||
});
|
||||
Result.width = Math.max(10, Options.width || 10) + 2*(Options.pad || 0);
|
||||
Result.height = Math.max(10, Options.height || 10) + 2*(Options.pad || 0);
|
||||
return Result;
|
||||
}
|
||||
|
||||
|
||||
/**** ColorSelectionView ****/
|
||||
|
||||
function ColorSelectionView (Color, Options) {
|
||||
function renderColorView (Details) {
|
||||
let x = Details.x, Width = Details.w;
|
||||
let y = Details.y, Height = Details.h;
|
||||
let Padding = Details.pad || 0;
|
||||
|
||||
if (Details.selected) {
|
||||
g.setColor(Details.selected ? '#FF0000' : '#000000');
|
||||
g.fillRect(x+Padding,y+Padding, x+Width-Padding-1,y+Height-Padding-1);
|
||||
|
||||
g.setColor('#FFFFFF');
|
||||
g.drawRect(x+Padding+4,y+Padding+4, x+Width-Padding-5,y+Height-Padding-5);
|
||||
} else {
|
||||
g.setColor('#000000');
|
||||
g.drawRect(x+Padding+3,y+Padding+3, x+Width-Padding-4,y+Height-Padding-4);
|
||||
}
|
||||
|
||||
g.setColor(Details.col);
|
||||
g.fillRect(x+Padding+5, y+Padding+5, x+Width-Padding-6, y+Height-Padding-6);
|
||||
}
|
||||
|
||||
let Result = Object.assign({}, Options || {}, {
|
||||
type:'custom', render:renderColorView, col:Color
|
||||
});
|
||||
Result.width = Math.max(10, Options.width || 10) + 2*(Options.pad || 0);
|
||||
Result.height = Math.max(10, Options.height || 10) + 2*(Options.pad || 0);
|
||||
return Result;
|
||||
}
|
||||
|
||||
|
||||
/**** EventConsumerAtPoint ****/
|
||||
|
||||
function EventConsumerAtPoint (HandlerName, x,y) {
|
||||
let Layout = (activeLayout || {}).l;
|
||||
if (Layout == null) { return; }
|
||||
|
||||
function ConsumerIn (Control) {
|
||||
if (
|
||||
(x < Control.x) || (x >= Control.x + Control.w) ||
|
||||
(y < Control.y) || (y >= Control.y + Control.h)
|
||||
) { return undefined; }
|
||||
|
||||
if (typeof Control[HandlerName] === 'function') { return Control; }
|
||||
|
||||
if (Control.c != null) {
|
||||
let ControlList = Control.c;
|
||||
for (let i = 0, l = ControlList.length; i < l; i++) {
|
||||
let Consumer = ConsumerIn(ControlList[i]);
|
||||
if (Consumer != null) { return Consumer; }
|
||||
}
|
||||
}
|
||||
|
||||
return undefined;
|
||||
}
|
||||
|
||||
return ConsumerIn(Layout);
|
||||
}
|
||||
|
||||
/**** dispatchTouchEvent ****/
|
||||
|
||||
function dispatchTouchEvent () {
|
||||
function handleTouchEvent (Button, xy) {
|
||||
let Control = EventConsumerAtPoint('onTouch', xy.x,xy.y);
|
||||
if (Control != null) {
|
||||
Control.onTouch(Control, Button, xy);
|
||||
}
|
||||
}
|
||||
Bangle.on('touch',handleTouchEvent);
|
||||
}
|
||||
dispatchTouchEvent();
|
||||
|
||||
/**** dispatchStrokeEvent ****/
|
||||
|
||||
function dispatchStrokeEvent () {
|
||||
function handleStrokeEvent (Coordinates) {
|
||||
let Control = EventConsumerAtPoint('onStroke', Coordinates.xy[0],Coordinates.xy[1]);
|
||||
if (Control != null) {
|
||||
Control.onStroke(Control, Coordinates);
|
||||
}
|
||||
}
|
||||
Bangle.on('stroke',handleStrokeEvent);
|
||||
}
|
||||
dispatchStrokeEvent();
|
||||
|
||||
let ScreenSet = {};
|
||||
|
||||
g.setFont12x20(); // does not seem to be respected in layout!
|
||||
let leftColumnWidth = Math.max(
|
||||
g.stringWidth('Normal '), g.stringWidth('Accented '), g.stringWidth('Hilighted ')
|
||||
);
|
||||
|
||||
ScreenSet['MainScreen'] = new Layout({
|
||||
type:'v', c:[
|
||||
Label('Current Theme', { font:'12x20', pad:8, bold:true, filly:1 }),
|
||||
{ type:'h', c:[
|
||||
Label('Normal', { font:'12x20', pad:4, width:leftColumnWidth, halign:-1, valign:0 }),
|
||||
ColorDemo(' Demo ',{ font:'12x20', pad:2, id:'NormalDemo' }),
|
||||
] },
|
||||
{ type:'h', c:[
|
||||
Label('Accented', { font:'12x20', pad:4, width:leftColumnWidth, halign:-1, valign:0 }),
|
||||
ColorDemo(' Demo ',{ font:'12x20', pad:2, id:'AccentedDemo' }),
|
||||
] },
|
||||
{ type:'h', c:[
|
||||
Label('Hilighted', { font:'12x20', pad:4, width:leftColumnWidth, halign:-1, valign:0 }),
|
||||
ColorDemo(' Demo ',{ font:'12x20', pad:2, id:'HilitedDemo' }),
|
||||
] },
|
||||
{ height:4 },
|
||||
{ type:'h', c:[
|
||||
Button('Configure', { font:'12x20', col:'#000000', bgCol:'#FFFFFF', pad:4,
|
||||
onTouch:() => gotoScreen('DetailSelectionScreen') })
|
||||
], filly:1 }
|
||||
]
|
||||
});
|
||||
|
||||
let LabelWidth = Math.max(
|
||||
g.stringWidth('Fg '), g.stringWidth('Fg2 '), g.stringWidth('FgH '),
|
||||
g.stringWidth('Bg '), g.stringWidth('Bg2 '), g.stringWidth('BgH ')
|
||||
);
|
||||
let LabelHeight = g.stringMetrics('FgH').height;
|
||||
|
||||
ScreenSet['DetailSelectionScreen'] = new Layout({
|
||||
type:'v', c:[
|
||||
Label('Configure Detail', { font:'12x20', pad:8, bold:true, filly:1 }),
|
||||
{ type:'h', c:[
|
||||
Label('fg', { halign:-1, valign:0, font:'12x20', pad:4, width:LabelWidth,
|
||||
onTouch:() => configureDetail('fg') }),
|
||||
ColorView(0, { width:30, height:LabelHeight, pad:2, id:'fgView',
|
||||
onTouch:() => configureDetail('fg') }),
|
||||
{ width:20 },
|
||||
Label('bg', { halign:-1, valign:0, font:'12x20', pad:4, width:LabelWidth,
|
||||
onTouch:() => configureDetail('bg') }),
|
||||
ColorView(0, { width:30, height:LabelHeight, pad:2, id:'bgView',
|
||||
onTouch:() => configureDetail('bg') }),
|
||||
] },
|
||||
{ type:'h', c:[
|
||||
Label('fg2', { halign:-1, valign:0, font:'12x20', pad:4, width:LabelWidth,
|
||||
onTouch:() => configureDetail('fg2') }),
|
||||
ColorView(0, { width:30, height:LabelHeight, pad:2, id:'fg2View',
|
||||
onTouch:() => configureDetail('fg2') }),
|
||||
{ width:20 },
|
||||
Label('bg2', { halign:-1, valign:0, font:'12x20', pad:4, width:LabelWidth,
|
||||
onTouch:() => configureDetail('bg2') }),
|
||||
ColorView(0, { width:30, height:LabelHeight, pad:2, id:'bg2View',
|
||||
onTouch:() => configureDetail('bg2') }),
|
||||
] },
|
||||
{ type:'h', c:[
|
||||
Label('fgH', { halign:-1, valign:0, font:'12x20', pad:4, width:LabelWidth,
|
||||
onTouch:() => configureDetail('fgH') }),
|
||||
ColorView(0, { width:30, height:LabelHeight, pad:2, id:'fgHView',
|
||||
onTouch:() => configureDetail('fgH') }),
|
||||
{ width:20 },
|
||||
Label('bgH', { halign:-1, valign:0, font:'12x20', pad:4, width:LabelWidth,
|
||||
onTouch:() => configureDetail('bgH') }),
|
||||
ColorView(0, { width:30, height:LabelHeight, pad:2, id:'bgHView',
|
||||
onTouch:() => configureDetail('bgH') }),
|
||||
] },
|
||||
{ type:'h', c:[
|
||||
Button('Save', { font:'12x20', col:'#000000', bgCol:'#FFFFFF', pad:4, width:halfWidth,
|
||||
onTouch:() => { applyChanges(); gotoScreen('MainScreen'); } }),
|
||||
Button('Cancel', { font:'12x20', col:'#000000', bgCol:'#FFFFFF', pad:4, width:halfWidth,
|
||||
onTouch:() => gotoScreen('MainScreen') })
|
||||
], filly:1 },
|
||||
]
|
||||
});
|
||||
|
||||
ScreenSet['ColorSelectionScreen'] = new Layout({
|
||||
type:'v', c:[
|
||||
Label('Choose Color', { font:'12x20', pad:8, bold:true, filly:1 }),
|
||||
{ type:'h', c:[
|
||||
ColorSelectionView('#000000',{ width:40, height:40, pad:2, id:'black',
|
||||
onTouch:() => selectColor(0,0,0) }),
|
||||
ColorSelectionView('#FF0000',{ width:40, height:40, pad:2, id:'red',
|
||||
onTouch:() => selectColor(1,0,0) }),
|
||||
ColorSelectionView('#00FF00',{ width:40, height:40, pad:2, id:'green',
|
||||
onTouch:() => selectColor(0,1,0) }),
|
||||
ColorSelectionView('#0000FF',{ width:40, height:40, pad:2, id:'blue',
|
||||
onTouch:() => selectColor(0,0,1) }),
|
||||
] },
|
||||
{ type:'h', c:[
|
||||
ColorSelectionView('#FFFFFF',{ width:40, height:40, pad:2, id:'white',
|
||||
onTouch:() => selectColor(1,1,1) }),
|
||||
ColorSelectionView('#FFFF00',{ width:40, height:40, pad:2, id:'yellow',
|
||||
onTouch:() => selectColor(1,1,0) }),
|
||||
ColorSelectionView('#FF00FF',{ width:40, height:40, pad:2, id:'magenta',
|
||||
onTouch:() => selectColor(1,0,1) }),
|
||||
ColorSelectionView('#00FFFF',{ width:40, height:40, pad:2, id:'cyan',
|
||||
onTouch:() => selectColor(0,1,1) }),
|
||||
] },
|
||||
{ height:4 },
|
||||
{ type:'h', c:[
|
||||
Button('Back', { font:'12x20', col:'#000000', bgCol:'#FFFFFF', pad:2, width:halfWidth,
|
||||
onTouch:() => gotoScreen('DetailSelectionScreen') }),
|
||||
Button('Preview', { font:'12x20', col:'#000000', bgCol:'#FFFFFF', pad:2, width:halfWidth,
|
||||
onTouch:() => gotoScreen('ThemePreviewScreen') })
|
||||
], filly:1 },
|
||||
]
|
||||
});
|
||||
|
||||
ScreenSet['ThemePreviewScreen'] = new Layout({
|
||||
type:'v', c:[
|
||||
Label('Theme Preview', { font:'12x20', pad:8, bold:true, filly:1 }),
|
||||
{ type:'h', c:[
|
||||
Label('Normal', { font:'12x20', pad:4, width:leftColumnWidth, halign:-1, valign:0 }),
|
||||
ColorDemo(' Test ',{ font:'12x20', pad:2, id:'NormalTest' }),
|
||||
] },
|
||||
{ type:'h', c:[
|
||||
Label('Accented', { font:'12x20', pad:4, width:leftColumnWidth, halign:-1, valign:0 }),
|
||||
ColorDemo(' Test ',{ font:'12x20', pad:2, id:'AccentedTest' }),
|
||||
] },
|
||||
{ type:'h', c:[
|
||||
Label('Hilighted', { font:'12x20', pad:4, width:leftColumnWidth, halign:-1, valign:0 }),
|
||||
ColorDemo(' Test ',{ font:'12x20', pad:2, id:'HilitedTest' }),
|
||||
] },
|
||||
{ height:4 },
|
||||
{ type:'h', c:[
|
||||
Button('Back', { font:'12x20', col:'#000000', bgCol:'#FFFFFF', pad:4,
|
||||
onTouch:() => gotoScreen('ColorSelectionScreen') })
|
||||
], filly:1 }
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
/**** applyChanges ****/
|
||||
|
||||
function applyChanges () {
|
||||
let pendingBg = pendingTheme.bg;
|
||||
let R = ((pendingBg >> 11) & 0b11111) / 0b11111;
|
||||
let G = ((pendingBg >> 5) & 0b111111) / 0b111111;
|
||||
let B = (pendingBg & 0b11111) / 0b11111;
|
||||
pendingTheme.dark = (0.2126*R + 0.7152*G + 0.0722*B < 0.5);
|
||||
|
||||
activeTheme = Object.assign(activeTheme,pendingTheme);
|
||||
|
||||
let globalSettings = Object.assign(
|
||||
require('Storage').readJSON('setting.json', true) || {},
|
||||
{ theme:activeTheme }
|
||||
);
|
||||
require('Storage').writeJSON('setting.json', globalSettings);
|
||||
}
|
||||
|
||||
/**** configureDetail ****/
|
||||
|
||||
function configureDetail (Detail) {
|
||||
chosenDetail = Detail;
|
||||
gotoScreen('ColorSelectionScreen');
|
||||
}
|
||||
|
||||
/**** updateColorSelection ****/
|
||||
|
||||
function updateColorSelection () {
|
||||
let selectedColor = pendingTheme[chosenDetail];
|
||||
|
||||
for (let Key in normalizedColorSet) {
|
||||
if (normalizedColorSet.hasOwnProperty(Key)) {
|
||||
activeLayout[Key].selected = (selectedColor === normalizedColorSet[Key]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**** selectColor ****/
|
||||
|
||||
function selectColor (R,G,B) {
|
||||
let selectedColor = g.toColor(R,G,B);
|
||||
pendingTheme[chosenDetail] = selectedColor;
|
||||
|
||||
updateColorSelection();
|
||||
g.clear();
|
||||
activeLayout.render();
|
||||
}
|
||||
|
||||
/**** gotoScreen ****/
|
||||
|
||||
let activeLayout;
|
||||
|
||||
function gotoScreen (ScreenName) {
|
||||
activeLayout = ScreenSet[ScreenName];
|
||||
|
||||
switch (ScreenName) {
|
||||
case 'MainScreen':
|
||||
activeLayout['NormalDemo'].fg = activeTheme.fg;
|
||||
activeLayout['NormalDemo'].bg = activeTheme.bg;
|
||||
activeLayout['AccentedDemo'].fg = activeTheme.fg2;
|
||||
activeLayout['AccentedDemo'].bg = activeTheme.bg2;
|
||||
activeLayout['HilitedDemo'].fg = activeTheme.fgH;
|
||||
activeLayout['HilitedDemo'].bg = activeTheme.bgH;
|
||||
break;
|
||||
case 'DetailSelectionScreen':
|
||||
activeLayout['fgView'].col = pendingTheme.fg;
|
||||
activeLayout['bgView'].col = pendingTheme.bg;
|
||||
activeLayout['fg2View'].col = pendingTheme.fg2;
|
||||
activeLayout['bg2View'].col = pendingTheme.bg2;
|
||||
activeLayout['fgHView'].col = pendingTheme.fgH;
|
||||
activeLayout['bgHView'].col = pendingTheme.bgH;
|
||||
break;
|
||||
case 'ColorSelectionScreen':
|
||||
updateColorSelection();
|
||||
break;
|
||||
case 'ThemePreviewScreen':
|
||||
activeLayout['NormalTest'].fg = pendingTheme.fg;
|
||||
activeLayout['NormalTest'].bg = pendingTheme.bg;
|
||||
activeLayout['AccentedTest'].fg = pendingTheme.fg2;
|
||||
activeLayout['AccentedTest'].bg = pendingTheme.bg2;
|
||||
activeLayout['HilitedTest'].fg = pendingTheme.fgH;
|
||||
activeLayout['HilitedTest'].bg = pendingTheme.bgH;
|
||||
}
|
||||
|
||||
g.setColor('#000000'); g.setBgColor('#FFFFFF'); // assert legibility
|
||||
g.clear();
|
||||
|
||||
activeLayout.render();
|
||||
}
|
||||
gotoScreen('MainScreen');
|
||||
|
||||
Loading…
Reference in New Issue