35
submitted 1 year ago* (last edited 1 year ago) by HrBingR@beehaw.org to c/creative@beehaw.org

These themes are focused on reducing whitespace for all screensizes, make comment chains easier to follow, and aim to provide some variance from the default themes available on Lemmy.

These themes can be used with any extension that lets you inject custom CSS (such as Amino for Chrome and Edge).

For people making use of Stylus you can install the userCSS by going here, and choosing your theme and color scheme of choice in the userCSS preferences. Stylus makes themes like this a lot easier to use.

I've recently fixed some issues, and created a bunch of dark themes as well. Feel free to log any issues on the repo (including requests), and feel free to submit pull requests if you have any themes you've done that you'd like to add!

Just a note on light vs dark themes, the light themes are designed to work with the "Litely" theme in Lemmy's settings, and the dark themes are designed to work with "Darkly", so make sure to choose the applicable theme in your lemmy settings before applying one of the themes on the repo.

Special shoutout to @communist for the Ancom theme!

Here's an example of the yellow dark theme:

Yellow_Dark

EDIT: A note on Stylus, currently the userCSS only applies to beehaw.org, but you should be able to edit the theme to change which domains it applies to, for other Lemmy instances.

you are viewing a single comment's thread
view the rest of the comments
[-] Los@beehaw.org 3 points 1 year ago

Can I get these working on mobile?

[-] HrBingR@beehaw.org 3 points 1 year ago

Some mobile browsers might be able to use these themes, I've tried to make them as mobile friendly as possible! I think Firefox allows for installing extensions on mobile.

[-] Los@beehaw.org 1 points 1 year ago* (last edited 1 year ago)

Are you able to truncate titles and content for mobile browsing?

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

I think I’ll need to do some more testing, would you mind sending a screenshot illustrating what you mean? Then I can give it a go.

[-] Los@beehaw.org 1 points 1 year ago* (last edited 1 year ago)

One post on mobile can take up more than half the screen in the feed - if the title and or text description is long. If we could truncate them then the feed is more compact.

So in this screen shot, ideally remove the highlighted by truncating with a set character limit for titles and descriptions.

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

I’m not sure that can be done purely in CSS, but I’ll have a look.

this post was submitted on 17 Jun 2023
35 points (100.0% liked)

Creative

4266 readers
2 users here now

Beehaw's section for your art and original content, other miscellaneous creative works you've found, and discussion of the creative arts and how they happen generally. Covers everything from digital to physical; photography to painting; abstract to photorealistic; and everything in between.

(It's not mandatory, but we also encourage providing a description of your image(s) for accessibility purposes! See here for a more detailed explanation and advice on how best to do this.)


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