ScriptUI: Change element back to default color

Question

I have a script in which I am changing the color of StaticText, but later want to change it back to the default color. Is there a way to set it back to "default", or do I need to hard code in a color that is the same as the default? The problem is that hard coding in a number will no longer dynamically react to changes in the UI color.
var myWindGfx = myWind.grp.bottom.eight.update.graphics;
myWindGfx.foregroundColor = myWindGfx.newPen (myWindGfx.PenType.SOLID_COLOR, [1, 0, 0], 1);

Answer 1

Yep you're right.
I had the && for some purpose but made changes to the script so they became redundant.
In fact the script should remove the "if"s and be as follows.  This will make sure the values are reset to undefined when they should.
// Theme Color Snippet by Trevor creative-scripts.com (Coming soonish!)
// https://forums.adobe.com/message/7139857#7139857
// Credits to Loic Aigon http://www.ozalto.com for the Basic Idea
function addBiState (_parent, UIType, themeStateDetails, modifiedStateDetails, groupDetails) {
    var bounds, _string, setupProperties, newGroup;
    // Set theme group setup properties
    bounds = groupDetails && groupDetails[0];
    _string = groupDetails && groupDetails[1];
    setupProperties = groupDetails && groupDetails[2];
    newGroup = _parent.add('group', bounds, _string, setupProperties);
    newGroup.margins = [0,0,0,0];
    newGroup.orientation='stack';
    // Set theme state setup properties
    bounds = themeStateDetails && themeStateDetails[0];
    _string = themeStateDetails && themeStateDetails[1];
    setupProperties = themeStateDetails && themeStateDetails[2];
    newGroup[0] = newGroup.add(UIType, bounds, _string, setupProperties);
    // Set modified state setup properties
    bounds = modifiedStateDetails && modifiedStateDetails[0];
    _string = modifiedStateDetails && modifiedStateDetails[1];
    setupProperties = modifiedStateDetails && modifiedStateDetails[2];
    newGroup[1] = newGroup.add(UIType, bounds, _string, setupProperties);
    newGroup[1].visible = false;
    return newGroup;
Group.prototype.biStateChange = function (state) {
    if (state) {
        this[+state].visible = true;
        this[+!state].visible = false;
    else {
        this[0].visible = !this[0].visible;
        this[1].visible = !this[1].visible;
/********** Example Usage *************/
var w = new Window('dialog'),
    greenPen = w.graphics.newPen(w.graphics.PenType.SOLID_COLOR,[0, .6, .2],1),
    yellowBrush =w.graphics.newBrush(w.graphics.BrushType.SOLID_COLOR,[1, 1, 0],1),
    myBiStateButton = addBiState (w, 'button', [undefined, "Theme"], [undefined, "Green"]),
    myBiStateStaticText = addBiState (w, 'staticText', [undefined, "Theme"], [undefined, "Green"]),
    stGroup = w.add('group'),
    st = stGroup.add('statictext', undefined, "Toggle"),
    highlightGroup = addBiState(stGroup, 'group');
st = highlightGroup[0].add('statictext', undefined, "highlight")
st = highlightGroup[1].add('statictext', undefined, "highlight")
myBiStateButton[1].graphics.foregroundColor = greenPen;
myBiStateStaticText[1].graphics.foregroundColor = greenPen;
highlightGroup[1].graphics.backgroundColor = yellowBrush;
highlightGroup[0].margins = highlightGroup[1].margins = [3, 3, 3, 3];
stGroup.spacing = 4;
myBiStateButton.addEventListener ('mousedown', function () {
    myBiStateButton.biStateChange();
    myBiStateStaticText.biStateChange();
    highlightGroup.biStateChange();
w.show();