The Wikified Posts Component by nathank enhances visibility of Wiki and Shared Edits posts in Discourse by allowing customization of background colors and adding identifying text (e.g., “Wiki Post”) near the edit/history icon. It’s a fork of @pacharanero’s earlier component, incorporating UI improvements from meta.discourse.org discussions. Users can set background colors using scheme colors (for dark mode compatibility), named CSS colors, or hex codes. pacharanero endorsed the new version and archived their older repo. A bug reported by Zup involving Shared-edits-hide was resolved after updating Discourse. nathank later updated the component to align with Shared Edits plugin changes and adjusted default colors for better readability. volanar suggested displaying wiki indicators on topic lists (e.g., category/recent pages), which nathank noted is possible via tagging or a plugin, referencing a feature request by Canapin. For dark mode, thoka sought help with color adaptation; nathank recommended scheme colors, while thoka found rgba() values effective. Canapin clarified that SASS functions work in theme customization but not on CSS variables, and nathank considered using SASS mix() for future enhancements. The component’s repo is at github.com/nathan-nz/discourse-wikified-posts.
This theme component enables you to make Wiki posts (and Shared Edits posts) more obvious.
Wikis and Shared Edits are a powerful feature of Discourse, but many users are unfamiliar with the concept and find the UI just a bit too subtle. This component makes it crystal clear, packaging the content from Change the style of a wiki post.
Installing this component enables you to control the background colour of Wiki posts, and to add some text to the history/edit icon in the top right of the post.
I don’t get it with it No nor Yes on the latest Discourse Beta. Are you on an old Discourse version? I haven’t put any version control in it at all sorry.
An excellent component. But it improves visibility only on the topic page. Is it possible to modify it so that the wiki icon is displayed on the category page, the list of topics “recent”, “unread”, etc?
Good suggestion, and I’m sure it is possible (PR welcome!).
I address that by simply tagging posts with Wiki in my instances. It is of course semi-manual - you can identify the wiki posts / topics by advanced search. It has the added bonus of making them easily discoverable via the sidebar navigation.
I thought that it would be nice to have auto-tagging of wiki posts as part of this component some way (or do as you suggest) but it hasn’t caused me enough pain to put in the time to give this a crack I’m afraid.
You could use tags to mark “wiki”-topics.
Tags can be styled by CSS IIRC.
You would get the additional benefit of a listing / drill down option for them.
In addition, a wiki-tag could be added to topics including wikis automatically with a plugin.
Sure. But these colors are too dominant for a background.
Therefore I was dreaming of something like 10% scheme-color mixed with 90% background. I suppose SASS (or something similar) is not available in the frontend.
But would some CSS magic like this work?
Update: rgba(0, 255, 0, 0.1) works quite good in dark and light modes.
SASS functions are available in the customize theme section, it’s compiled when you save your modifications. Your can’t use SASS functions on theme or CSS variables though.
If you want to use a SASS function on a color from your color scheme, you must use the corresponding SASS variable.
Will work
body {
background: darken($secondary, 10%);
}
Won’t work
body {
background: darken($my_theme_variable, 10%);
}
Won’t work
body {
background: darken(var(--secondary), 10%);
}
And on the paper, I think what your link describes should work.
