Themes are Underway!
Fri Jul 26 2024

So I have begun the process of creating themeable diaries. NextJS actually makes theming relatively trivial - for a trivial normal website. Not so for DearDiary though.

With most websites, the owner of the site would set the theme and they might want to have different settings for dark mode versus light mode. For the average themeable website, that's about it. Some sites might want to allow users to change from a range of themes - including a dark mode. This is how NextJS is setup (for those not keeping up, NextJS is the technology behind the new DearDiary - hence the nickname of NextDD πŸ˜€).

Of course, DearDiary diarists will want to set their own themes up for their little corner of the site. There's ways to do this in NextJS that aren't too arduous, but here's the kicker. You can set your theme to, for example, Orange, Green, Red, Blue or Dark. Notice that 'dark' theme is just another theme.

I don't like that at all. I could create multiple themes. Orange, Orange-Dark. Green, Green-Dark. etc. But that doubles the amount of themes you'd have to scroll through and it doesn't really sit well with the paradigm of a 'dark mode'. What I want is a list of x number of themes, and then you toggle dark mode on or off.

The idea is that the diarist will choose which theme they want for their diary - and the visiting READER will decide if THEY want dark mode or not. The diarist decides the theme, the reader decides if they want their eyes burned out when they're reading someone's diary at midnight πŸ˜‚

Can't be done in stock NextJS. Will soon be the way it's done at NextDD though πŸ˜€

Also, because the current code here isn't 'dark mode' aware yet, some areas (Editor, mostly you!) don't play nicely with it at all. You could set dark mode and still get a white editor right now. Yuck. And then other places end up with text you can't see because it's dark text on a dark background in dark mode. So there's a lot of work to do.

TL;DR - themes are progressing but can't upload anything today because it's not implemented properly yet.

In other news, MissTick, I took on board your comment relating to the images and have adjusted the 'disclaimer' on the upload dialog a little. It should now be obvious for people to not think this is a safe place to store photos. It IS safe to have photos on an entry, but that's a different kettle of crustaceans. I also note there are some quirkisms with the fonts on the editor in that they will sometimes switch back when you start a new paragraph or insert something and then start typing elsewhere. That's actually something that MS-Word suffers from in places too. But I will look at it at some point and see what I can do πŸ˜€

That's it for today. I shall continue with the theming! Catch you all later. As always, comments welcome πŸ˜…

7 Comments
  • From:
    D'vorahDavida
    On:
    Fri Jul 26 2024
    Who knew? Well... you do! In my very limited way, I do understand a little bit of making computer programs do what *I* want them to. I'll fiddle and trick and copy and paste and email things to myself to put in places where I can manipulate them to my liking. It's a little game I've been playing for many years. The only thing you really need is a hefty dose of stubbornness. But it's FUN innit? Good luck with all that!
  • From:
    MissTick
    On:
    Fri Jul 26 2024
    thank you for looking into the font defaulting issue! not a big deal to change it all, once whole entry is done, but just a nice touch for future experiences...I've also discovered that while I can post html into the comment, somehow the editor doesn't treat it as a code, but just posts as a blob of screenshot some sort or complete inline gibberish...trust me, I've tried every little trick to convince the editor to do the html magic and display the result of the code, not the source! But while it works in my tests elsewhere, it just doesn't - in my entries :-/ what am I doing wrong?!

    This comment comes from Misstick

  • From:
    DearDiary1
    On:
    Fri Jul 26 2024
    Heya MissTick, so the editor will allow you to copy and paste rendered HTML and it will / should display correctly but I think it depends on what you're pasting. However if you copy and paste actual HTML code it'll assume that's what you want and it'll literally make code out of it. Try copying whatever the HTML gets rendered as rather than the HTML code and let me know how you get on.
  • From:
    MissTick
    On:
    Fri Jul 26 2024
    I forgot to answer this one: now a username is not the same as a diaryname - users can have multiple diaries. So, if I click on your username should it take me to a page listing all your diaries? Some of your diaries? Or to a default diary? touch question, eh...I think, if we may have a Home Page feature back on diaries at some point, we can come back to the issue of which diary the link can take...something like making Homepage as a content of all the diaries this username has, but private should be in a hidden view though, right? not sure, raise this in your posts, so that everyone can pitch in - together we'll figure out best ways?

    😉

  • From:
    MissTick
    On:
    Fri Jul 26 2024
    tested and reporting back : your suggestion to HTML works! thank you! (hmmm what is the option in Editor means then? ) Also, how to make comments not to ignore the paragraphs?
  • From:
    DearDiary1
    On:
    Fri Jul 26 2024
    Don't get too hung up on formatting comments, there's an open issue that comments are not formatting properly and I will be creating a 'mini-editor' for comments at some point soon, so that paragraphs are honoured, as well as bold, italic and perhaps some other formatting options :)
  • From:
    Franny
    On:
    Fri Jul 26 2024
    yes. back port? (not sure what that means but by all means..)