DEV Community

loading...
Cover image for Have you ever contributed to DEV?

Have you ever contributed to DEV?

madza profile image Madza ・1 min read

Have you ever contributed some PRs to DEV's codebase or technical docs? If so, what's something you have been most proud of?

Still on the way to making my own, so far I've done just 16 feature requests and bug reports!

I thought this would be a great start for inspiration, seeing how awesome the community is by contributing to open source and building together!

Discussion

pic
Editor guide
Collapse
link2twenty profile image
Andrew Bone

I've submitted a few (43 but who's counting πŸ˜‰) but I'd say the one/set I'm most proud of was moving Dev/Forem over to CSS variables so we could implement an actual dark/night mode. This was later expanded and is now how all Dev/Forem themes work 😁

[WIP] Theme-able CSS Variables #1377

I thought we ought to have a place where we keep a note of the current CSS Variables and also propose different variables that should be included.

Currently included:

Variable Description Default
--theme-background Background color of the main body #f9f9fa
--theme-color Text color for the main body #0a0a0a
--theme-secondary-color Secondary text color for the main body #557de8
--theme-top-bar-background Background color of the top bar #fdf9f3
--theme-top-bar-color Text and icon color for the top bar #0a0a0a
--theme-top-bar-search-background Background color of the search box in the top bar #e8e7e7
--theme-top-bar-search-color Text color for the search box, and its placeholder, in the top bar #0a0a0a
--theme-top-bar-write-background Background color of the write button in the top bar #66e2d5
--theme-top-bar-write-color Text and border color for the write button in the top bar #0a0a0a
--theme-container-box-shadow Box shadow settings for articles and nav-elements 3px 3px 0px #bababa
--theme-container-border border settings for articles and nav-elements 1px solid #d6d6d6
--theme-container-background Background color of the articles and nav-elements #ffffff
--theme-container-background-hover Hover background for nav-elements #f5f6f7
--theme-container-color Text color for the articles and nav-elements #0a0a0a

Pull request pending:

Variable Description Default

Proposed:

Variable Description Default

I think the best thing to do is leave a comment below of further proposals and I will update the main post.

Test theme:

Dark:

:root {
    --theme-background: #161f2b;
    --theme-color: #fff;
    --theme-secondary-color: #cedae2;
    --theme-top-bar-background: #141d26;
    --theme-top-bar-color: #fff;
    --theme-top-bar-search-background: #424a54;
    --theme-top-bar-search-color: #fff;
    --theme-top-bar-write-background: #00af81;
    --theme-top-bar-write-color: #fff;
    --theme-container-background: #27374c;
    --theme-container-background-hover: #37475c;
    --theme-container-color: #fff;
    --theme-container-box-shadow: none;
    --theme-container-border: 1px solid #141d26;
}
Enter fullscreen mode Exit fullscreen mode

Also, feel free to do pull requests to help roll these out.

Collapse
madza profile image
Madza Author

That's massive, man πŸ’― Feature it's hard to imagine the platform without 🎨 Thank you for your input πŸ™β€

Collapse
ben profile image
Ben Halpern

It's also how further Forem configuration works, like custom brand colorsβ€” and is an approach I anticipate we'll continue to build on to great success.

People wanted dark mode for a while, but we needed the right technical approach and Andrew came in big with this contributing leadership in the matter.

Collapse
citizen428 profile image
Michael Kohl

Thanks for your regular contributions, Andrew! They don't stop at PRs, the thoughtful comments in issue discussions are also much appreciated. πŸŽ‰

Collapse
link2twenty profile image
Andrew Bone

Thank you 😊

Collapse
emma profile image
Emma Goto πŸ™

Yes! I've made a couple of contributions. My favourite is something I added in DEV's notification settings - "Send notifications when someone reacts to my comments or posts".

Collapse
madza profile image
Madza Author

So awesome to see you guys contributing πŸ‘ Must be an awesome feeling to use the service knowing some features in it is just cause of you ❀

Collapse
thomasbnt profile image
Thomas Bnt

Yeah I've modified the badges page and created some good issues πŸ™‚

Collapse
madza profile image
Madza Author

This is awesome! πŸ‘Œ You guys are making it better one step at a time πŸ™β€

Collapse
rafi993 profile image
Rafi

Like every other Javascript developer I have been doing only Javascript for a while so I decided to learn Ruby on rails for a change. I tried to learn through tutorials but it was too much time consuming and also there was a gap compared to real world code. So I decided to learn both ruby and rails by diving into some codebase. So I started contributing to Dev. After 37 merged Pr's so far and going through code other people have written I have gotten quite comfortable with rails and learned lot about other things like web accessibility, testing... thanks to the awesome folks at dev.to.

Collapse
citizen428 profile image
Michael Kohl

It's been great seeing your progress with Ruby over the past few months Rafi, keep it up! πŸ’―

Collapse
rafi993 profile image
Collapse
madza profile image
Madza Author

Thanks for the awesome you, for contributing πŸ™β€

Collapse
jacobherrington profile image
Collapse
jmau111 profile image
Collapse
madza profile image
Madza Author

All the great things happen one step at a time! πŸ˜‰
Thanks a lot for the contribution πŸ™β€

Collapse
xyn profile image
Mydrax

Hey Madza, I've been seeing a lot of your posts recently, and tbh it looks like most of your posts are intended to be discussions. Could you please add the #discuss tag to your posts if so?

Collapse
madza profile image
Madza Author

I usually categorize them between the topic of the discussion πŸ˜‰ Some of the common ones I use include #discuss, #watercooler and #meta πŸ˜‰