Fakebook, a theme for social media lovers

These issues should now be fixed with my latest update to the theme (Fakebook Modern)

6 Likes

These issues are still standing. Can someone please fix these so that this theme becomes way more usable?

1 Like

I want to use Discourse Reactions for this theme.
Can someone please update the list page to show Discourse Reactions?

4 Likes

I noticed this issue too. The formatting breaks when the category subcategories are turned on. I’ve been able to correct some of the formatting issue so it displays sensibly by using the following SCSS in a custom theme component:

body.categories-list.category {
    .category-heading {
        p {
            font-size: var(--font-up-1);
        }
    }

    table.topic-list tr.topic-list-item > div.main-link {
        display: table-cell;
        width: 100%;
        
        .link-middle-line > .topic-image {
            margin: 10px 0;
            > img {
                width: 100%;
            }
        }
    }
}

Still a bit of work to go to make it behave as normal, though. I think it is a bug in the theme. I will take a look when I get a chance and see if I can identify the issue and fix it. I’d like to display subcategories, and it’s not possible in the current code version.

@awesomerobot let me know how I can help =) If you have any pointers or ideas, I’m all ears.

1 Like

空间布局不合理,分类选择居然占了三分之一的宽度!或许重新调整下界面中各个组件的比例会更好。
另外,能否单独将topic样式单独做成一个组件?我喜欢这样直接显示部分内容和图片的展示方式。

The space layout is unreasonable, and the classification selection actually accounts for one-third of the width! Perhaps it would be better to re-adjust the proportions of the various components in the interface.
In addition, can the topic style be made into a component separately? I like this way of displaying part of the content and pictures directly.

3 Likes

Hello,

It’s really a very nice customization :heart: :heart: :heart:. Is it possiable to have your “Fakebook Modern Plus” theme?

3 Likes

I am actually interested in knowing the same thing. I’ve been thinking about it for a while. I’m glad I came across your post.

If there is a way to replicate (at least) most of the looks and functionality of Google+ VIA themes and plugins, I would be all for it!

Here are some images I could find online. The entirety of Google+ was not archived well in its final days.



4 Likes

Could you have more option to be the same as facebook?

  1. Hide title
  2. Image first
  3. Multi image layout
  4. Icon font

Hey guys, would it be possible to tell the theme to only customize the feed section and leave the inbox alone? It’s not a very clean UI for messaging lol.

2 Likes

Hi @awesomerobot and Team,
I would like to know how to customize this Fakebook theme, because I have implemented this theme in my application, I need to changes some css styles but I couldn’t find any editor to override the existing css. Please let me know how to achieve that.

Can someone please tell whether it is possible or not. Thank You !

2 Likes

There are a couple different ways you can go to customize an existing theme:

2 Likes

please fix it. Or just put simple 1 color

Or bellow:

4 Likes

I think Fakebook theme very closed to Gettr’s layout below

Hope we will have a nice and usefull theme like that. :grinning:

1 Like

Just use Topic List Previews (tiles) or Topic List Thumbnails with Layouts Plugin and a right and left sidebar.

3 Likes

Thanks. I am currently use Topic List Preview. Working perfectly!

I just tested Layout Plugin, a little more complicated.

I hope sidebar will be officially in Discourse. :slightly_smiling_face:

1 Like

Feel free to ask for support on the Layouts Topic. It’s pretty straightforward. Just add widgets by installing them as theme components and then select them in the plugin settings.

3 Likes

This has now been resolved with the following PR:

3 Likes

How can I add image preview on the suggested topics?

1 Like

Hello,

Create a new theme component or add this to an existing one.

Add to Common / CSS

This will display the topic image on suggested topics.

#suggested-topics {
  .topic-list .main-link {
    .link-middle-line {
      .topic-image,
      img {
        display: block;
      }
    }
  }
}

If you want to add the topic excerpt too then use this code snippet instead of the previous.

This will display the topic image and topic excerpt on suggested topics.

#suggested-topics {
  .topic-list .main-link {
    .link-middle-line {
      .topic-image,
      img {
        display: block;
      }
    }
    .topic-excerpt {
      display: block;
    }
  }
}
4 Likes

I have just created a theme component (fakebook-preview-suggested-topics).
I am happy to share if anyone is interested (Just click Like).