bug fixes related to styling

src/frameworks/tkinter/widgets/mainWindow.js

@@ -33,10 +33,18 @@ class MainWindow extends TkinterBase{
 
     }
 
+    // componentDidMount(){
+
+    //     super.componentDidMount()
+
+    //     //this.setAttrValue("styling", { backgroundColor: "#E4E2E2" }) refactor to something like this?
+    //     this.setAttrValue("styling.backgroundColor", "#E4E2E2")
+    //     console.log("mounted: ", this.state)
+    // }
+
     componentDidMount(){
-        super.componentDidMount()
         this.setAttrValue("styling.backgroundColor", "#E4E2E2")
-        // this.setWidgetName("main") // Don't do this as this will cause conflicts while loading names
+        super.componentDidMount()
     }
 
     generateCode(variableName, parent){
@@ -80,7 +88,7 @@ class MainWindow extends TkinterBase{
                     </div>
                 </div>
                 <div className="tw-p-2 tw-w-full tw-relative tw-h-full tw-overflow-hidden tw-content-start" 
-                        style={this.state.widgetInnerStyling}>
+                        style={this.getInnerRenderStyling()}>
                     {this.props.children}
                 </div>
             </div>

src/frameworks/tkinter/widgets/optionMenu.js

@@ -44,10 +44,10 @@ class OptionMenu extends TkinterWidgetBase{
         }
 
     }
-
+   
     componentDidMount(){
         super.componentDidMount()
-        this.setWidgetInnerStyle("backgroundColor", "#fff")
+        this.setWidgetInnerStyle("backgroundColor", "#E4E2E2")
     }
 
     generateCode(variableName, parent){

src/frameworks/tkinter/widgets/toplevel.js

@@ -33,8 +33,8 @@ class TopLevel extends Widget{
     }
 
     componentDidMount(){
-        super.componentDidMount()
         this.setAttrValue("styling.backgroundColor", "#E4E2E2")
+        super.componentDidMount()
     }
 
     generateCode(variableName, parent){