Style change not retained after restarting Windows app

andrew

Still a problem with the staging version. Below is my console output. I notice that the color that is set for star and date are NOT the colors that I have most recently saved. In fact, those value were probably set back when you first released this functionality. I have since changed the colors many times. I tried now to change the values in staging, and the newly changed colors are applied properly, but after reloading, it reverts to the default colors and shows these same old color values in the console output:

Theme init false dark
app-1629710190518.js:2 _updateCSS
app-1629710190518.js:2 _updateCSS billing loaded
app-1629710190518.js:2 Theme name Light
app-1629710190518.js:2 Theme data {“Dark”:{“inherit”:“Dark”,“star”:{“backgroundColor”:“#4D4D4D”},“date”:{“backgroundColor”:“#A4DD00”}},“Light”:{“inherit”:“Light”}}
app-1629710190518.js:2 userTheme {“inherit”:“Light”}
app-1629710190518.js:2 createSheet true {“inherit”:“Light”}

Jay

@andrew Are you using the Light or Dark theme?

andrew

Light currently. Had previously set it to dark.

Jay

andrew Does changing it to dark make it save correctly?

andrew

Jay Yes, when in dark mode, it saves and retains the color values correctly when restarting.

Jay

I released an update to the staging version with a lot of logging at the point of saving the theme. Can you please modify a color in the theme and then copy/screenshot the logging after that? It should start like:

applyColorTheme {“inherit”:“Dark”,“text”:{“color”:“#EFE0E0”},“star”:{“backgroundColor”:“#4D4D4D”},“date”:{“backgroundColor”:“#A4DD00”}}

Jay

andrew Interesting. If you switch back to light mode now is it still not working? In that case can you send me the logs after saving it?

andrew

ok, here is the console output after changing star to blue #73D8FF while set to light mode (that #FE9200 star color is from when I previously set the star color to orange in dark mode when testing saving in dark mode):

applyColorTheme {“inherit”:“Light”}
app-1629777128494.js:2 SettingsManager save false colorThemes {“Dark”:{“inherit”:“Dark”,“star”:{“backgroundColor”:“#FE9200”},“date”:{“backgroundColor”:“#A4DD00”}},“Light”:{“inherit”:“Light”}}
app-1629777128494.js:2 setSetting u\bl {“Dark”:{“inherit”:“Dark”,“star”:{“backgroundColor”:“#FE9200”},“date”:{“backgroundColor”:“#A4DD00”}},“Light”:{“inherit”:“Light”}}
app-1629777128494.js:2 setSetting local {“id”:“u\bl”,“pendingSync”:1629780489981,“v”:{“Dark”:{“inherit”:“Dark”,“star”:{“backgroundColor”:“#FE9200”},“date”:{“backgroundColor”:“#A4DD00”}},“Light”:{“inherit”:“Light”}}}
app-1629777128494.js:2 _setSettingRemote {“Dark”:{“inherit”:“Dark”,“star”:{“backgroundColor”:“#FE9200”},“date”:{“backgroundColor”:“#A4DD00”}},“Light”:{“inherit”:“Light”}}
app-1629777128494.js:2 _updateCSS
app-1629777128494.js:2 _updateCSS billing loaded
app-1629777128494.js:2 Theme name Light
app-1629777128494.js:2 Theme data {“Dark”:{“inherit”:“Dark”,“star”:{“backgroundColor”:“#FE9200”},“date”:{“backgroundColor”:“#A4DD00”}},“Light”:{“inherit”:“Light”}}
app-1629777128494.js:2 userTheme {“inherit”:“Light”}
app-1629777128494.js:2 createSheet true {“inherit”:“Light”}
app-1629777128494.js:2 _setSettingRemote2
app-1629777128494.js:2 setSetting local {“id”:“u\bl”,“v”:{“Dark”:{“inherit”:“Dark”,“star”:{“backgroundColor”:“#FE9200”},“date”:{“backgroundColor”:“#A4DD00”}},“Light”:{“inherit”:“Light”}},“d”:1629780491510}
app-1629777128494.js:2 setting saved u\bl {“v”:{“Dark”:{“inherit”:“Dark”,“star”:{“backgroundColor”:“#FE9200”},“date”:{“backgroundColor”:“#A4DD00”}},“Light”:{“inherit”:“Light”}},“d”:1629780491510}

andrew

And yes, it still does not save properly in light mode.

Jay

andrew I just released another update to staging (1629781600849) which adds one more log. Can you just try it one more time? From those logs it looks like it didn’t make the change to blue #73D8FF at all… It should be in that first line applyColorTheme. Is it affecting the display of the starred item in the pane?

If it’s not too much trouble, if you could share a video of this it would be super helpful!

andrew

applyColorTheme1 {“inherit”:“Light”,“app”:{“backgroundColor”:“#FFFFFF”},“pane”:{“backgroundColor”:“#FFFFFF”},“paneHeader.selected”:{“borderColor”:“#0099DD”},“text”:{“color”:“#444444”},“header”:{“color”:“#444444”},“sidebar”:{“backgroundColor”:“#222426”},“codeBlock”:{“backgroundColor”:“#E9EAEC”},“inlineCode”:{“backgroundColor”:“#E9EAEC”},“star”:{“backgroundColor”:“#73D8FF”},“note”:{“color”:“#999999”},“date”:{“backgroundColor”:“#BD1616”,“color”:“#FFFFFFE6”},“dateSynced”:{“backgroundColor”:“#3CA9E3”},“highlight”:{“backgroundColor”:“#A4D7FF”},“format”:{“color”:“#00000050”},“itemLinkBracket”:{“color”:“#00000030”},“itemLink”:{“color”:“#0099DD”},“tag”:{“color”:“#0099DD”},“vertLines”:{“opacity”:0.06},“contact”:{“color”:“#22AA66”},“caret”:{“backgroundColor”:“#222222”},“bullet”:{“backgroundColor”:“#0000004A”},“checkbox”:{“borderColor”:“#0000004A”},“prefixHeader”:{“color”:“#0000004A”},“numlist”:{“color”:“#0000004A”},“collapser”:{“color”:“#0000004A”},“link”:{“color”:“#549BD8”},“border”:{“borderColor”:“#E3E3E3”},“sidebarButton”:{“color”:“#999”},“sidebarButton:hover”:{“backgroundColor”:“#525459”,“color”:“#DFE0E0”},“board.selected”:{“backgroundColor”:“#525459”},“overviewItem.selected”:{“backgroundColor”:“#E5E7E9”,“color”:“#444444”},“overviewItem:hover”:{“backgroundColor”:“#E9EAEB”},“selection”:{“backgroundColor”:“#B2D8FD”},“popup”:{“backgroundColor”:“#FFFFFF”,“borderColor”:“#DDDDDD”,“boxShadow”:“0px 5px 5px -3px rgba(0,0,0,0.2),\n 0px 4px 5px 1px rgba(0,0,0,0.07),\n 0px 1px 7px 2px rgba(0,0,0,0.06)”},“popupButton”:{“color”:“#777777”},“popupButton:hover”:{“backgroundColor”:“#ECEFF1”,“color”:“#444444”},“popupDivider”:{“backgroundColor”:“#DDDDDD”},“priority1”:{“backgroundColor”:“#FF3300”},“priority2”:{“backgroundColor”:“#FFAA00”},“priority3”:{“backgroundColor”:“#FFDD33”},“priorityComplete”:{“backgroundColor”:“#DDDDDD”},“base”:{},“h1”:{},“h2”:{},“h3”:{},“h4”:{},“paneHeader”:{},“board”:{},“blockHeader”:{},“overviewItem”:{},“priority”:{}}
app-1629781600849.js:2 applyColorTheme2 {“inherit”:“Light”}
app-1629781600849.js:2 SettingsManager save false colorThemes {“Dark”:{“inherit”:“Dark”,“star”:{“backgroundColor”:“#FE9200”},“date”:{“backgroundColor”:“#A4DD00”}},“Light”:{“inherit”:“Light”}}
app-1629781600849.js:2 setSetting u\bl {“Dark”:{“inherit”:“Dark”,“star”:{“backgroundColor”:“#FE9200”},“date”:{“backgroundColor”:“#A4DD00”}},“Light”:{“inherit”:“Light”}}
app-1629781600849.js:2 setSetting local {“id”:“u\bl”,“pendingSync”:1629785981056,“v”:{“Dark”:{“inherit”:“Dark”,“star”:{“backgroundColor”:“#FE9200”},“date”:{“backgroundColor”:“#A4DD00”}},“Light”:{“inherit”:“Light”}}}
app-1629781600849.js:2 _setSettingRemote {“Dark”:{“inherit”:“Dark”,“star”:{“backgroundColor”:“#FE9200”},“date”:{“backgroundColor”:“#A4DD00”}},“Light”:{“inherit”:“Light”}}
app-1629781600849.js:2 _updateCSS
app-1629781600849.js:2 _updateCSS billing loaded
app-1629781600849.js:2 Theme name Light
app-1629781600849.js:2 Theme data {“Dark”:{“inherit”:“Dark”,“star”:{“backgroundColor”:“#FE9200”},“date”:{“backgroundColor”:“#A4DD00”}},“Light”:{“inherit”:“Light”}}
app-1629781600849.js:2 userTheme {“inherit”:“Light”}
app-1629781600849.js:2 createSheet true {“inherit”:“Light”}
app-1629781600849.js:2 _setSettingRemote2
app-1629781600849.js:2 setSetting local {“id”:“u\bl”,“v”:{“Dark”:{“inherit”:“Dark”,“star”:{“backgroundColor”:“#FE9200”},“date”:{“backgroundColor”:“#A4DD00”}},“Light”:{“inherit”:“Light”}},“d”:1629785982609}
app-1629781600849.js:2 setting saved u\bl {“v”:{“Dark”:{“inherit”:“Dark”,“star”:{“backgroundColor”:“#FE9200”},“date”:{“backgroundColor”:“#A4DD00”}},“Light”:{“inherit”:“Light”}},“d”:1629785982609}

Jay

andrew I just released an update (1629790503578) that fixes a bug Laura found had which might fix this. If not…

Is that video from the same session as the log? I can’t figure out how that’s even possible. It’s logging {“inherit”:“Light”} as the theme, which should mean it has no effect. But it does seem to be saving the star color to display it.

Can you send me another set of logs from setting the color in this update? I added some more logging. Thanks!

andrew

Here is the console output from the latest version, in this case setting star color in Light mode to #73D8FF (still properly applying but not saving/recalling on reload):

app-1629809242531.js:2 applyColorTheme1 {"inherit":"Light","app":{"backgroundColor":"#FFFFFF"},"pane":{"backgroundColor":"#FFFFFF"},"paneHeader":{"backgroundColor":"#FFFFFF"},"paneHeader.selected":{"borderColor":"#0099DD"},"text":{"color":"#444444"},"header":{"color":"#444444"},"sidebar":{"backgroundColor":"#222426"},"codeBlock":{"backgroundColor":"#E9EAEC"},"inlineCode":{"backgroundColor":"#E9EAEC"},"star":{"backgroundColor":"#73D8FF"},"note":{"color":"#999999"},"date":{"backgroundColor":"#BD1616","color":"#FFFFFFE6"},"dateSynced":{"backgroundColor":"#3CA9E3"},"highlight":{"backgroundColor":"#A4D7FF"},"format":{"color":"#00000050"},"itemLinkBracket":{"color":"#00000030"},"itemLink":{"color":"#0099DD"},"tag":{"color":"#0099DD"},"vertLines":{"opacity":0.06},"contact":{"color":"#22AA66"},"caret":{"backgroundColor":"#222222"},"bullet":{"backgroundColor":"#0000004A"},"checkbox":{"borderColor":"#0000004A"},"prefixHeader":{"color":"#0000004A"},"numlist":{"color":"#0000004A"},"collapser":{"color":"#0000004A"},"link":{"color":"#549BD8"},"blockHeader.collapsed":{"color":"#444444"},"border":{"borderColor":"#E3E3E3"},"sidebarButton":{"color":"#999"},"sidebarButton:hover":{"backgroundColor":"#525459","color":"#DFE0E0"},"board.selected":{"backgroundColor":"#525459"},"overviewItem.selected":{"backgroundColor":"#E5E7E9","color":"#444444"},"overviewItem:hover":{"backgroundColor":"#E9EAEB"},"selection":{"backgroundColor":"#B2D8FD"},"popup":{"backgroundColor":"#FFFFFF","borderColor":"#DDDDDD","boxShadow":"0px 5px 5px -3px rgba(0,0,0,0.2),\n 0px 4px 5px 1px rgba(0,0,0,0.07),\n 0px 1px 7px 2px rgba(0,0,0,0.06)"},"popupButton":{"color":"#777777"},"popupButton:hover":{"backgroundColor":"#ECEFF1","color":"#444444"},"popupDivider":{"backgroundColor":"#DDDDDD"},"priority1":{"backgroundColor":"#FF3300"},"priority2":{"backgroundColor":"#FFAA00"},"priority3":{"backgroundColor":"#FFDD33"},"priorityComplete":{"backgroundColor":"#DDDDDD"},"base":{},"h1":{},"h2":{},"h3":{},"h4":{},"board":{},"blockHeader":{},"overviewItem":{},"priority":{}} app-1629809242531.js:2 applyColorTheme2 {"inherit":"Light"} app-1629809242531.js:2 _updateCSS app-1629809242531.js:2 _updateCSS billing loaded app-1629809242531.js:2 Theme name Light app-1629809242531.js:2 Theme data {"Dark":{"inherit":"Dark","star":{"backgroundColor":"#FE9200"},"date":{"backgroundColor":"#A4DD00"}},"Light":{"inherit":"Light"}} app-1629809242531.js:2 userTheme {"inherit":"Light"} app-1629809242531.js:2 userLayout undefined app-1629809242531.js:2 createSheet true {"app":{"backgroundColor":"#FFFFFF"},"pane":{"backgroundColor":"#FFFFFF"},"paneHeader":{"backgroundColor":"#FFFFFF"},"paneHeader.selected":{"borderColor":"#0099DD"},"text":{"color":"#444444","lineHeight":"1.3"},"header":{"color":"#444444","paddingTop":"0.5em"},"sidebar":{"backgroundColor":"#222426"},"codeBlock":{"backgroundColor":"#E9EAEC","fontSize":"0.875em","borderRadius":"4px"},"inlineCode":{"backgroundColor":"#E9EAEC","fontSize":"0.875em","padding":"4px","borderRadius":"4px"},"star":{"backgroundColor":"#73D8FF","borderRadius":"4px"},"note":{"color":"#999999","fontSize":"12px","lineHeight":"1.1","lineClamp":1},"date":{"backgroundColor":"#BD1616","color":"#FFFFFFE6","fontSize":"0.8em","fontWeight":"bold","borderRadius":"4px","padding":"3px 6px","margin":"0 4px"},"dateSynced":{"backgroundColor":"#3CA9E3"},"highlight":{"backgroundColor":"#A4D7FF","borderRadius":"4px","padding":"1px 4px 3px 4px","margin":"0 2px"},"format":{"color":"#00000050"},"itemLinkBracket":{"color":"#00000030"},"itemLink":{"color":"#0099DD"},"tag":{"color":"#0099DD","fontWeight":"bold"},"vertLines":{"opacity":0.06},"contact":{"color":"#22AA66"},"caret":{"backgroundColor":"#222222","width":"1px"},"bullet":{"backgroundColor":"#0000004A"},"checkbox":{"borderColor":"#0000004A","borderWidth":"1px","borderRadius":"4px"},"prefixHeader":{"color":"#0000004A"},"numlist":{"color":"#0000004A"},"collapser":{"color":"#0000004A"},"link":{"color":"#549BD8","textDecoration":"underline"},"blockHeader.collapsed":{"color":"#444444"},"border":{"borderColor":"#E3E3E3"},"sidebarButton":{"color":"#999"},"sidebarButton:hover":{"backgroundColor":"#525459","color":"#DFE0E0"},"board.selected":{"backgroundColor":"#525459"},"overviewItem.selected":{"backgroundColor":"#E5E7E9","color":"#444444"},"overviewItem:hover":{"backgroundColor":"#E9EAEB"},"selection":{"backgroundColor":"#B2D8FD"},"popup":{"backgroundColor":"#FFFFFF","borderColor":"#DDDDDD","boxShadow":"0px 5px 5px -3px rgba(0,0,0,0.2),\n 0px 4px 5px 1px rgba(0,0,0,0.07),\n 0px 1px 7px 2px rgba(0,0,0,0.06)","borderWidth":"1px"},"popupButton":{"color":"#777777"},"popupButton:hover":{"backgroundColor":"#ECEFF1","color":"#444444"},"popupDivider":{"backgroundColor":"#DDDDDD"},"priority1":{"backgroundColor":"#FF3300"},"priority2":{"backgroundColor":"#FFAA00"},"priority3":{"backgroundColor":"#FFDD33"},"priorityComplete":{"backgroundColor":"#DDDDDD"},"base":{"fontSize":"14px","lineHeight":"1.5","fontWeight":400},"h1":{"fontSize":"1.6em","fontWeight":"bold"},"h2":{"fontSize":"1.4em","fontWeight":"bold"},"h3":{"fontSize":"1.2em","fontWeight":"bold"},"h4":{"fontWeight":"bold"},"blockHeader":{"fontSize":"1.8em","fontWeight":"bold","paddingTop":"1em"},"priority":{"width":"5px"}}

Jay

Thanks andrew! I’m pretty confident I’ve finally fixed it in the latest update (on both beta and staging). I think because I was using Object.assign instead of a deep clone, your changes were going onto the underlying base theme instead of the user theme, which is why it was updating the display state but not actually saving anything to the user theme.

I’m still not sure why all of you were seeing it while it was working fine for many others, and I never managed to reproduce it in lots of testing on multiple browsers on both Mac and Windows… But hopefully this fixes it!

But if somehow it’s still happening, the staging version still has all the logging, so can you please post the latest logs? Thanks!

andrew

Jay Yes, it is working properly now. Thanks!

christophe

Yes, it’s all good !!!

Jay

Excellent! I’ll mark it as solved but let me know if you encounter the problem again.

webalstrom

I just updated to 1629871731255 and my custom Color settings went back to the default. The things I changed under Layout seem to have stuck. I am using the Light, Comfortable, Faded settings under Basic (and I don’t think I changed any of the defaults for the other settings).

PeterFG

My issues are resolved thanks

« Previous Page