Coder Social home page Coder Social logo

Comments (13)

mrufflesmcghie avatar mrufflesmcghie commented on May 14, 2024 1

Not sure if you have seen but check out my 1st attempt at dark mode with just css and javascript.
https://mrufflesmcghie.github.io/resume/
I checked out watercss but not too convinced, however it's easier to implement its easier to add custom colours etc when using scss already included in jekyll.

from modern-resume-theme.

mrufflesmcghie avatar mrufflesmcghie commented on May 14, 2024 1

Re Dark Mode can you take a look at the below let me know what you think, I feel its a nice implementation.
https://www.annalytic.com/demos/dark-mode-css/

from modern-resume-theme.

bertrand-benoit avatar bertrand-benoit commented on May 14, 2024 1

I worked on my new resume to eventually provide a simple Dark/Light theme switcher, based on what I've found on Internet + some of links here + some of your work on your branch.

Later, I may provide a PR if you want.

Don't hesitate to give me feedbacks: https://bertrand-benoit.github.io/

from modern-resume-theme.

sproogen avatar sproogen commented on May 14, 2024

Yea a PR to update the font awesome would be great.

A dark mode is something I had been considering too, I was thinking about possibly using this https://watercss.netlify.com/ which already as a dark/light mode toggle.

Thanks

from modern-resume-theme.

sproogen avatar sproogen commented on May 14, 2024

I had a look at what you had done in your resume, and I do really like that annalytic demo.

I know it's also possible to recognise the users device dark mode preference, so that is also something I am going to look into. But I think going the direction of the annalytic demo is a good idea.

I will probably be able to find some time over the weekend to look into it unless you wanted to take a look first.

from modern-resume-theme.

mrufflesmcghie avatar mrufflesmcghie commented on May 14, 2024

Was reading about that too, simplely adding a JS in the head detects users preference.
My first assignment is finally done so will have some time this evening and weekend to work on this.
I have also been looking into #58 think I have found a way using order in the front matter but may need a bigger overhaul to layouts & templates.

Need to also figure out all the building processes etc etc as can't seem to get remote theme @ branch working :-(

from modern-resume-theme.

mrufflesmcghie avatar mrufflesmcghie commented on May 14, 2024

mmistakes/minimal-mistakes#1208
Use darkmode as user input switch, user pref.
Keep other skins to config.yml for us to change if fancy

Let me know what you think, I want to incorporate a blog into my page for family's so going a bit beyond your requirements.

from modern-resume-theme.

bertrand-benoit avatar bertrand-benoit commented on May 14, 2024

Hi, thanks for your work!

I'm really interested in a Dark mode too; is there any news on it?

from modern-resume-theme.

mrufflesmcghie avatar mrufflesmcghie commented on May 14, 2024

@bertrand-benoit at the moment Ive stopped Jekyll dev my side. I tried to add themes and easier way to manage content and kinda broke my fork.
Im was going to have another play tonight funny enough hard to fit in between projects.
@sproogen have you done anything since?

from modern-resume-theme.

mrufflesmcghie avatar mrufflesmcghie commented on May 14, 2024

I can also attempt to open a PR maybe to a new branch (dark_mode) I've got the basic functionality just need someone with Java experience to fix the button n also use User preference.

from modern-resume-theme.

bertrand-benoit avatar bertrand-benoit commented on May 14, 2024

Yes create it please, I'll check.
Javascript you mean ?

from modern-resume-theme.

sproogen avatar sproogen commented on May 14, 2024

@bertrand-benoit @mrufflesmcghie I had been looking at this again recently. Just put up a PR with an implementation that is configured in the config,yml. #73

I'm don't really think the user needs to have the option to toggle it, but I might add something that detects if the user has dark mode turned on on their device and set it that way too.

from modern-resume-theme.

sproogen avatar sproogen commented on May 14, 2024

I can take a look at your branch and pull anything over, it does looks good thought.

Might need an option to configure the colours in config, your dark mode is quite bold 😂

from modern-resume-theme.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.