No internet connection
  1. Home
  2. Support

Dark mode - hexo

By Steve Lee @stevelee
    2019-09-27 20:09:21.921Z

    I followed the hexo instructions to try out and it worked ok once I removed some of the conditional expression.

    But my website has a black background and I want to be able to edit the css - ideally you'd have a dark mode ready to use.

    PS I had to create anaccount again for the forum.

    Reply
    • 14 replies
    1. KajMagnus @KajMagnus2019-09-27 20:18:16.465Z

      How weird, you had to remove some of the conditional expressions? Which ones if I may ask? Did you use the built-in instructions, or the ones on this other website: https://hexo-demo.talkyard.io ?

      You have a link to your website? (I couldn't find)

      A color picker, for background and foreground colors, and button colors — I'd like to add that. A dark theme is a good idea.

      The nearest weeks, there're some other things I need to do.

      You can edit CSS, here're temporary instructions: https://www.talkyard.io/-204/changing-the-colors — until there's a color picker.
      However this won't change the foreground / text color — you would want it to be white?

      Actually what if I edit the CSS for you blog and make it match your theme? (if it's hosted by me, then I can access it.) Then I get to see how the color picker needs to work.

      Reply
      1. SSteve Lee @stevelee
          2019-09-27 20:36:21.023Z

          Thanks for a quick response Kaj
          Re needing to log in atwice - I had not confirmed the email - d'oh!

          Yes I used your hexo page.

          So I'm not using the default theme, rather one called cactus.

          • index is not defined
          • post is not defined but page is the same.
          • discussion_id logged to console

          I push the temp talkyard config so you can see it here: https://fullmeasure.uk/2019/09/25/on-musicality/

          Thanks for the offer to tweak the CSS. I found a link to an editor in the forum but 404. I'm not too fussy as long as the comments look cleaner than now. Perhaps make the reply utton the green?, use same text colour and have a frame.

          Reply
          1. KajMagnus @KajMagnus2019-09-27 20:45:03.008Z

            Ok, thanks for the link. Your blog still points to: https://comments-demo.talkyard.io — you need to edit the Hexo config values and change that to: https://comments-for-fullmeasure-uk.talkyard.net, and sign up at https://comments-for-fullmeasure-uk.talkyard.net so you'll become admin.

            I'll look into changing the colors tomorrow or later this weekend — now time to sleep for a while :- )

            Reply
            1. SSteve Lee @stevelee
                2019-09-27 20:53:30.172Z

                I'm still evaluating now before I commit to €1 pcm :).

                As it is I like it but need to change the colours - and perhaps fix the discussion_id id it is needed (I can't see how)

                Reply
                1. SSteve Lee @stevelee
                    2019-09-27 20:57:39.322Z

                    and now I see the free trial! :)

                    Reply
                    1. KajMagnus @KajMagnus2019-09-30 05:57:55.023Z

                      Interesting. Now I changed the button title from "Select" to "Free trial" so hopefully other people will notice the free trial directly, hereafter.

                      Reply1 Like
                      1. SSteve Lee @stevelee
                          2019-09-30 11:42:01.086Z

                          Perfect solution :)

                          Reply
                  • In reply tostevelee⬆:
                    SSteve Lee @stevelee
                      2019-09-27 20:47:27.000Z

                      page.discussion_id print as 'discussion_id' so I guess I have more work to do to give talkyard a decent id - any ideas? Thanks

                      Reply
                      1. SSteve Lee @stevelee
                          2019-09-27 21:03:34.274Z

                          When I logged into https://comments-for-fullmeasure-uk.talkyard.net I had to create an account and confirm the email for the 3rd time!!!

                          This concerns me

                          I used the Twitter openID each time

                          Reply
                          1. KajMagnus @KajMagnus2019-09-30 05:56:03.664Z

                            You needed to create a new account for comments-for-fullmeasure-uk.talkyard.net because it's a different Talkyard site.
                            You do that only once.

                            The other site, comments-demo.talkyard.io, only has test accounts, not related to the real site you have now created.

                            Reply1 Like
                    • Progress
                    • S
                      Steve Lee @stevelee
                        2019-09-27 20:51:25.285Z

                        sorry I used the instructions at https://hexo-demo.talkyard.io as linked from your site somehere. I have not found any 'Built in' instructions.

                        Reply
                        1. KajMagnus @KajMagnus2019-09-30 06:01:58.449Zreplies tostevelee⬆:

                          Ok, thanks for the info. There're built-in instructions if you go here: https://comments-for-fullmeasure-uk.talkyard.net/-/admin/settings/embedded-comments and click Hexo.

                          I've changed your comment section colors now, so it matches the colors of your blog.
                          Have a look here: https://fullmeasure.uk/2019/09/25/on-musicality/ (scroll down to the comments at the bottom)

                          (I'd like to make the arrows a bit brighter, but CSS filter:brightness(200%); for some reason doesn't have any effect :- /
                          Maybe I can ask at StackOverflow. (Right now, it's filter: invert(100%); instead, works fairly ok.) )

                          Reply
                          1. S
                            Steve Lee @stevelee
                              2019-09-30 11:09:20.827Zreplies toKajMagnus⬆:

                              Hexo instructions

                              • So as I was evaluating without an account I had no visibility of those instructions
                              • I'll add that extra URL - though it works with what I currently have
                              • neither index or post or define in the cactus hexo theme.
                              • Not sure if it matters that post.discussion_iddoes not seem to be page specific - will this break comments? I need to explore- DO you have any insights?

                              CSS

                              Brilliant thank you very much

                              There are a few bugs with hover styling.

                              • non button links are unreadable due to lack of text contrast
                              • the main reply link (top on that is now green) goes blue - should be same green to follow other reply buttons i guess

                              The theme seems to be styles using the Admin theme and there are multiple issues. I'm happy if you use your default theme there.,

                              Thanks again!!!!

                              Reply
                              1. S
                                Steve Lee @stevelee
                                  2019-10-04 16:06:44.421Zreplies tostevelee⬆:

                                  Thanks again for giving me a darlk mode.

                                  As a priority if you get time could you adjust the hover: stiles for links in my comments? As it is if you mouse over the text is unreadable white on white (or close). Perhaps just invert the colours from the light theme?

                                  A lower priority is the admin page would be better in the original light them as there are many problems with white on white

                                  Thanks!

                                  Reply
                                  Reply (discussion)Add progress note