Skip Navigation
Remote View
Technology @beehaw.org
Gaywallet (they/it) @beehaw.org

Can you code? We need your help to improve lemmy

About two days ago we found a bug with the registration system on lemmy. Because of this we have updated our registration process a few times, and cannot deny any applications as the person registering does not receive any message and cannot re-apply.

We currently have several hundred people that we are waiting to deny, and some unknown amount of people that we denied prior to finding this issue which we would really like to contact and give them a chance to register as they didn't write enough in their registration for us to really evaluate if they were a good fit for this instance.

If you're a developer please take a look at this github issue and please work your magic to help fix this problem.

As an aside, we also have a list we've been working on for enhancements that would make moderating and administering this instance a lot easier, and enhancements we think users would enjoy in terms of UI and UX. We'd love to share these as well as facilitate a discussion to surface more ideas (and we plan to in the future), but right now we need to focus on the most pressing issue to us running this website, whether people can create an account here and participate.

You're viewing a single thread.

115 comments

  • Bit of a tangent here, but if you’re ever looking for experience designers to help out here and there, or to just give something a second set of eyes, I might be able to lend a hand or connect y’all with some bright and chill people.

    You probably don’t want me making any PRs, but I know my way around Figma and a user test plan.

    • I'd love to see you redesign some parts of the Lemmy UI!

      In my option, a lot of designing work is still to be done so I'd love to see mockups you can make and your thoughts on design work!

      • Nice! I’m pretty new, so let me get a little bit more familiar with the platform, and I’ll craft up some stuff!

      • If we could end up with a theme that looks a lot more like https://kbin.social, I'd be so happy. My biggest gripe with Lemmy is all of the white space, and none of the current themes improve that at all. All of the theme options offered by kbin look amazing by comparison, and to my understanding Lemmy theming is done via CSS based on Bootstrap v4, so new theme creation should be straightforward enough.

        It's to the point where, when visiting Lemmy instances, I use a custom CSS extension to modify a few properties to make it a bit more palatable to me.

        If you guys ever need help creating custom themes to offer to users I'd be happy to contribute.

        • Can you post your user style??

          But I would very much support having a more compact theme available without a browser extension. I think some tightening up up would make this place look more welcoming. It feels sort of "empty" due to all the white space.

          • Hey there, sure, currently I'm using this. The border between comments on a comment thread doesn't look the best, but it makes it easier for me to track comment levels so I like it, though there are certain properties I'd like to change but can't.

            Either way, I'm using an extension called Amino to apply my CSS changes on a domain-level.

            This fixes a lot of the whitespace and borders to make differentiating between posts and comments a little easier, while minimizing white space. I think it looks nice.

            EDIT: I've made a few more changes in terms of color. 

             undefined
                
.container-lg {
    max-width: 1600px;
}
.col-md-8 {
    max-width: 80%;
    flex: 0 0 80%;
}
.col-md-4 {
    max-width: 20%;
    flex: 0 0 20%;
}
.col-sm-2 {
    max-width: 10%;
    flex: 0 0 10%;
}
.col-sm-9 {
    margin-left: 5px;
    max-width: 80%;
    flex: 0 0 80%;
}
.post-listing {
    border: 1px solid rgba(34,34,34,.125);
    border-bottom: 0px;
    border-color: #c80000;
    padding-top: 10px;
    background-color: #fff;
}
hr {
    display: none;
}
.border-top {
    border-top: 1px solid rgba(34,34,34,.125)!important;
}
.border-light {
    border-color: #e4e4e5!important;
}
body {
    background-color: #ecf0f1;
}
.navbar {
    background-color: #fff;
}
.card {
    background-color: #fff;
}
.comments {
    padding-left: 5px;
    background-color: #fff;
}

            • thank you I like it! I hate when websites force me to have so much blank space. Like I remember what an improvement it was in 2002 when everyone got into sans serif fonts and padding to their table based layouts and using % widths, but the craft has moved on from those days... For this kind of website I am thinking more of a newspaper and less of a coffee table book.

              looks like Amino is only available for chrome and edge. For other ff users I will say I use an addon called Stylus but it might not be the best one; kind of resource hungry on big pages.

              • Glad you like it :)

                Reckon I'm still going to make a few more refinements as I go as well, it's already changed a lot from where I started it. Also the border colors are based on the red theme but should be simple enough to swap it out for the green/default theme as well.

              • Hey so just a heads up, I made a few more changes that I quite like (again, for the red theme, tweak appropriately for the default green theme), so thought I'd just update you.

                This changes the main feed quite a bit, adding a bit more of a card-like design to posts, though I have done my best to make sure there isn't too much white-space from this change, I just feel it looks a bit more modern, but again, feel free not to use it :)

                It also, and this is my favorite change, changes the title color of any post you've visited, something that I feel is basic but for some reason Lemmy didn't have before. So now any posts you've visited before will be a light-gray color instead. Hope you find some value here. 

                 undefined
                    
.container-lg {
    max-width: 1600px;
}
.col-md-8 {
    max-width: 80%;
    flex: 0 0 80%;
}
.col-md-4 {
    max-width: 20%;
    flex: 0 0 20%;
}
.col-sm-2 {
    max-width: 10%;
    flex: 0 0 10%;
}
.col-sm-9 {
    margin-left: 5px;
    max-width: 80%;
    flex: 0 0 80%;
}
.post-listing {
    border: 1px solid rgba(34,34,34,.125);
    /*border-bottom: 0px;*/
    border-color: #c80000;
    border-radius: 5px;
    margin-bottom: 8px;
    padding-top: 10px;
    background-color: #fff;
    transition: all .2s;
    box-shadow: 2px 2px 1px #c80000;
}

hr {
    display: none;
}
.border-top {
    border-top: 1px solid rgba(34,34,34,.125)!important;
}
.border-light {
    border-color: #e4e4e5!important;
}
body {
    background-color: #ecf0f1;
}
.navbar {
    background-color: #fff;
}
.card {
    background-color: #fff;
    box-shadow: 2px 2px 1px #c80000;
}
.col-12 .card {
    box-shadow: none;
}
.comments {
    padding-left: 10px;
    background-color: #fff;
}
a:visited .d-inline-block {
    color:#d6d7d9!important;
}
.my-2 {
    margin-bottom: 0px!important;
}

                • Thank you for sharing! I will try it when i am on desktop.

                  I actually used your code as base to start to fix some things that bug me the most.. all spacing/positioning the colors are a total mess. So i am interested to see what yours is like. I can tell from looking that yours is more efficient because i do not know what im doing so it is trial and error.

                  Do you think there is a better place than wherever we are to post? A repo or other code sharing? I think the stylus extension connects to some sort of website but i never investigated it.

                  • Hey so I setup a repo; swap to the default green litely theme, and then test a few of these out, I think they turned out quite well!

                    https://github.com/HrBingR/Lemmy_CSS/

                    Please feel free to submit pull requests if you have other colors or ideas you think would look nice. The more the merrier!

                    • I have had hardly any time at the desktop this week! I tried your code and I like it because it generally looks good. I like mine because it uses the full use of space and has strong delineations. I'd like to combine them when I can. Dial down the hideous by about 50%.

                      Here is my code https://gist.github.com/btyaa/36a1743e7a0ae95b5aa8178722650b9e

                      I hope I am not disparaging you by giving you credit. I can remove it if you want. I do not feel this deserves to be in a repo at the moment. It is hideous at the front and the back.

                      The Stylus extension exported it with this @-moz-document and tbh I do not exactly know what that is; it isn't how it shows up when I edit it. I didnt look into it.

                      Also I apologize for my various bad css habits such as preceding lines with x or other letters to comment them out instead of using comments. And I use border, outlines, backgrounds to help me locate things. Forgive me I learned CSS before web developer tools, before firebug, and only had intermittent practice since that time. I always fallback to my old ways. Only roughly grok CSS3. Usually I hide these but sometimes i miss. If I would properly share, I'd run a script to remove all the junk.

                      But if it works easily in your userstyle extension you should try it out. It might hurt your eyes. I make effort to describe what I am doing in comments, because otherwise I get even more lost, but the way it exported isn't great.

                      Oh also it hides some stuff I am not interested in. So, uh, careful.

                  • I was thinking of creating a Github repo for it, maybe make a few different theme variants as well for people that'd want different than the standard two colors etc. Might take a crack at it, will let you know.

                • How do we deploy custom CSS?

                  • So I use the Amino Chrome/Edge extension, which you can use to deploy CSS per-domain, but there should be alternatives available both for Chromium-based browsers and for Firefox.

                • omg did you add drop shadows??? wowwowow i love it

      • How does this work with a federation model. Is it possible that there can be lots of different clients with different UX’es?

115 comments