🏡 Fully, a Full Width Discourse Theme

theme
,
73

Many many thanks, Don! And I’m sorry, but I got confused. My question actually is: how do I change and apply any color of only one color scheme through the CSS?
I blindly tried this and it didn’t work:

@if #{schemeType()} == dark {
    #main-outlet-wrapper .sidebar-container, .sidebar-footer-wrapper .sidebar-footer-container, .sidebar-hamburger-dropdown .sidebar-footer-wrapper .sidebar-footer-container, .sidebar-hamburger-dropdown, .hamburger-panel .revamped.menu-panel.slide-in {
    background-color: #24544D var(--sidebar-color);
        }
      }

:flushed:

Now the wrapped text looks the same color as the wrapper, and if I change it through CSS, the light theme wrapped text will be changed too, but I don’t want that:
image

I’m sorry to bother you again with that.

1 Like
74

The all notifications page feels a bit “empty” and the last activity indicator, using the default font size, is a bit tiny in my opinion:

image
image2560×1440 164 KB

It’s more nitpicking than anything else though. :slight_smile:

75

I’d like to use a full width theme in a way that the chat will always be opened on the right sidebar. Would this theme enable that?

1 Like
76

Theoretically I think so. It isnt a “right sidebar” technically, but if you open the chat window pane (not the full screen version) you can size it like so, and be able to chat and browse the forum:

image
image1920×1045 169 KB

2 Likes
77

My site have a blank local when install with search Banner component

This error due to component or your theme?
Thank you!

Screenshot 2023-11-14 at 21.58.38
Screenshot 2023-11-14 at 21.58.381232×966 62.3 KB

78

Looks like you’re using below-site-header as plugin outlet on the component settings? You should choose above-main-container if you want the search banner to show next to the sidebar.

1 Like
79

image
image2004×1272 267 KB

Is the theme locked Edit CSS/HTML?

80

For any themes (or components) installed from a URL, you will not see a button to edit HTML/CSS. It’s because, on update, it will overwrite your changes.

You can either propose your changes to the theme [component] repository (or Discourse topic), or insert extra HTML/CSS to your theme or a new component. :+1:

3 Likes
81

Screenshot_20231115_185323_Chrome
Screenshot_20231115_185323_Chrome1080×2340 190 KB

My Logo (text) overflowed to div login, Is this error by theme or my setting?

82

Try this CSS.

image

.d-header {
    height: auto;
    padding-bottom: 0.5em;
}

.d-header>.wrap .contents {
    flex-wrap: wrap;
    justify-content: center;
}
83

I installed this theme on My site, but The left sidebar doesn’t display.

I don’t know why. Can you help me?

84

Do you have a hamburger menu on the right side of your navbar? If so, you have the hamburger-dropdown menu enabled and just need to change a setting to switch this to sidebar menu.

Choose “Sidebar” in this setting:

image
image2242×486 49.6 KB

Does that fix the issue? If not, a screenshot would be helpful.

2 Likes
85

Thanks so much!

1 Like
86

In the sidebar, DMs is a plural acronym and shouldn’t be capitalised to DMS.

Or, if you insist, it could be DIRECT MESSAGES :slight_smile:

2 Likes
87

That makes sense!