Dark mode - hexo
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.
- 14 replies
- 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.
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.
- 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 :- )
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)
- In reply tostevelee⬆:
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
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
- KajMagnus @KajMagnus2019-09-30 05:56:03.664Z
You needed to create a new account for
comments-for-fullmeasure-uk.talkyard.netbecause 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.
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.) )
- 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
postor 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?
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 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