this post was submitted on 08 Jun 2023
277 points (100.0% liked)

Technology

37737 readers
480 users here now

A nice place to discuss rumors, happenings, innovations, and challenges in the technology sphere. We also welcome discussions on the intersections of technology and society. If it’s technological news or discussion of technology, it probably belongs here.

Remember the overriding ethos on Beehaw: Be(e) Nice. Each user you encounter here is a person, and should be treated with kindness (even if they’re wrong, or use a Linux distro you don’t like). Personal attacks will not be tolerated.

Subcommunities on Beehaw:


This community's icon was made by Aaron Schneider, under the CC-BY-NC-SA 4.0 license.

founded 2 years ago
MODERATORS
 

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 are viewing a single comment's thread
view the rest of the comments
[–] HrBingR@beehaw.org 5 points 1 year ago* (last edited 1 year ago) (1 children)

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 aver need help creating custom themes to offfer to users I'd be happy to contribute.

[–] crank@beehaw.org 2 points 1 year ago (1 children)

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.

[–] HrBingR@beehaw.org 2 points 1 year ago* (last edited 1 year ago) (1 children)

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.

.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;
}
[–] crank@beehaw.org 2 points 1 year ago (1 children)

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.

[–] HrBingR@beehaw.org 2 points 1 year ago (3 children)

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.

.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;
}
[–] crank@beehaw.org 2 points 1 year ago (2 children)

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.

[–] HrBingR@beehaw.org 2 points 1 year ago (1 children)

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!

[–] crank@beehaw.org 1 points 1 year ago

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.

[–] HrBingR@beehaw.org 1 points 1 year ago

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.

[–] nii236@lemmy.jtmn.dev 0 points 1 year ago (1 children)
[–] HrBingR@beehaw.org 1 points 1 year ago

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.

[–] crank@beehaw.org 0 points 1 year ago (1 children)

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

[–] HrBingR@beehaw.org 1 points 1 year ago

Glad you like it! :)