A graceful theme for Discourse

theme-full
(Kris) #25

Where/how are you editing it? I’m assuming you’re editing the theme directly?

If you’re editing the theme and adding it to common it won’t work, because it’s defined in desktop (and you’d need to add it to the end of desktop). The C in CSS stands for Cascade, so you need to be sure that you’re making changes to .d-header after where it exists in the theme.

I highly recommend creating a new theme component, adding your custom CSS there, and then add the component to the theme (rather than editing the theme directly). It would avoid this problem, and ensure your edits aren’t overwritten when the theme is updated.

4 Likes
(hosna) #26

why this is outside the container for me? :thinking:

Screenshot_2019-03-28%20%D8%A7%DB%8C%D8%AA%D8%B2%20%D8%A7%20%D8%AA%D8%B3%D8%AA

(agemo) #27

This is a very inspiring theme. I like it a lot. Many elements are highly adaptable within other themes.

One thing I’m trying to replicate, is how the page load/transition has been handled.

I need to remove the white flash, that is in the standard theme - it goes completely unnoticed due to white being universal colour.

In graceful however the background is viewable as if that white transition is transparent. Is this how it was achieved and if so what part of the CSS is controlling this behaviour?.

2 Likes
(Kris) #28

Here’s the CSS for how the background is applied in this theme, I think this is what you’re looking for?

body {
    background-color: #f8f8f8;
    background-image: url(https://community.example.com/example.jpg);
    background-attachment: fixed;
    background-size: auto;
}

By default in Discourse the background color is applied to the HTML tag, so this just covers that up entirely.

4 Likes
(agemo) #29

@awesomerobot Once more a lighting and exacting reply! :+1:

This has me sorted for now, so again much thanks.

It more than just feels like this theme has it’s own rapid repose unit! :wink:

It’s inspiring themes and the work that goes into them, helps newbies like me wrap our semi-baked noodles around such fine cloth, by finding some direction and then pitching the right and wrong questions as we go on our journey forth!

2 Likes
(Chris Klugewicz) #30

CloudApp

CloudApp

The theme / theme component install screens are looking a little weird currently …

Discourse version: v2.3.0.beta9 +529

3 Likes