Skip Navigation
Lemmy Custom Theming/CSS
  • I’m sure that could be arranged! Will take a crack at it once I’ve got a bit of time

  • Bethesda Releases Full List Of Starfield PC Specs
  • I've been meaning to upgrade but GPUs are stupid expensive where I live if you want something decent.

  • Bethesda Releases Full List Of Starfield PC Specs
  • Cries in GTX 1060

  • Lemmy Custom Theming/CSS
    github.com GitHub - HrBingR/Lemmy_CSS: Providing custom CSS for Lemmy instances

    Providing custom CSS for Lemmy instances. Contribute to HrBingR/Lemmy_CSS development by creating an account on GitHub.

    GitHub - HrBingR/Lemmy_CSS: Providing custom CSS for Lemmy instances

    So I made a few custom Lemmy themes/CSS tweaks that I think the community would appreciate.

    It aims to provide more color options, as well as reduce whitespace and make it easier to follow comment chains. Created it for use with beehaw, but should work with any Lemmy instance.

    Just make sure to use the default litely theme in your Lemmy settings before testing these out, they were built with that in mind.

    Please let me know if you have any other ideas or improvements, and feel free to submit pull requests!

    How to use: Install any custom CSS extension/plugin for your browser, and paste the CSS in there. I personally use Amino for Edge and filter the CSS for the beehaw.org domain, but any custom CSS extension or plugin should work.

    2
    Can you code? We need your help to improve lemmy
  • 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!

  • Can you code? We need your help to improve lemmy
  • 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;
    }
    
  • Can you code? We need your help to improve lemmy
  • 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;
    }
    
  • Can you code? We need your help to improve lemmy
  • 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.

  • Close to switching to a Linux distro full time.
  • So one thing that might be worth looking into is virtual machines.

    Currently on my desktop I run a variant of Arch (Endeavor I think) where I primarily do my gaming , but for any highly incompatible games, or Game Pass games, I have a virtual machine running Windows that uses pass-through to pass my graphics card through to the virtual machine for games I can't play on Linux. I also use CPU pinning to 'pin' 10 of my 12 CPU cores to the virtual machine to reduce potential overhead.

    Works really well, might be an option for you, although it's not super easy to setup. I've tried passthrough on PopOS as well before, but it wasn't as performant, and Arch Wiki provides a ridiculous amount of super useful guides for doing just about anything, including setting this up.

    Edit: Otherwise in terms of daily driver, I love Fedora, and likely won't move away anytime soon on my laptop.

  • HrBingR HrBingR @beehaw.org
    Posts 1
    Comments 8