this post was submitted on 08 Jun 2023
277 points (100.0% liked)
Technology
37747 readers
712 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
you are viewing a single comment's thread
view the rest of the comments
view the rest of the comments
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.
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.
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
Glad you like it! :)