For instance. %{count} unread can be changed to say whatever I want but can I make unread another color? Or can I add a background color like the box that surrounds tags? Thanks.

[image] BugsyB: I want to color 1 word that’s in custom text. [image] BugsyB: I want “Unread” to be red. If I have to add it to the CSS in the default theme, I’ll try. But again, I’d rather do it form the customized text section. Yep so adding CSS is what you have to do if you want to change the color and style of words. The Customised Text section is just for changing the content of the text itself, not its style. Instead of adding CSS directly to the default theme though, Discourse has theme components which allows you to add CSS on top of an existing theme. Just to be clear about expectations, Meta is not a dedicated support site for a complete guide to getting started with CSS (just like it is not a dedicated support site for learning Ruby and JavaScript completely from scratch, if you wanted to start customising the behaviour of Discourse through plugins). If you want to customise the appearance of Discourse, you will need to learn more about CSS. [image] Policy notice: no basic HTML / CSS questions please thought_balloonSite feedback We do enjoy helping people with their free, open source Discourse instances, and that is indeed part of our responsibility to the open source community. hugs However: Over time, there has been a constant influx of basic HTML and CSS questions that are taking time away from us helping with more substantive issues specific to Discourse. It’s not a productive use of our time to teach basic HTML and CSS. There are thousands of online resources that describe how to make changes on an HTML pa… So there are guides on making theme components and plugins for Discourse here, but not for learning CSS or Ruby from scratch (since that’s a general skill). Sometimes people have time to kindly help, but it’s not always going to be possible, because it means having to go through general HTML & CSS knowledge – the basics of the Inspector and classes and properties etc. Here is an intro guide to making CSS changes on your site: [image] Making custom CSS changes on your site Site Management bookmark This guide explains how to make CSS changes on your Discourse site, including an introduction to CSS, where to add CSS in Discourse, and how to find the right selectors using browser inspection tools. person_raising_hand Required user level: Administrator Summary This guide covers: A brief introduction to CSS and key concepts How to add CSS to your Discourse site using theme components Using browser inspection tools to find the right CSS selectors Understanding CSS basics C…

Can you point me in the direction of some sample CSS that would do this, please? Or a specific topic in theme developers? Thanks.

[image] BugsyB: I make unread another color Do I understand correctly that you want to change the word and not the number?

Please read the guides: [image] Developing Discourse Themes & Theme Components Developer Guides Discourse Themes and Theme Components can be used to customize the look, feel and functionality of Discourse’s frontend. This section of the developer guides aims to provide all the reference materials you need to develop simple themes for a single site, right up to complex open-source theme components. This introduction aims to provide a map of all the tools and APIs for theme development. If you prefer a step-by-step tutorial for theme development, jump straight to: Themes vs. Theme Compon…

Yes. And I’d like to do it from the custom text feature. I want “Unread” to be red. If I have to add it to the CSS in the default theme, I’ll try. But again, I’d rather do it form the customized text section.

But, I don’t want to create a theme. I want to color 1 word that’s in custom text. ETA: I did look through the link you provided. That seems like an awful lotta trouble to change 1 word. If the only way is to create a new theme, it’s not that big of a deal to me. :grinning:

Can you change the color of customizable text?

Development

merefield (Robert) April 6, 2024, 7:44am 2

You would need CSS.

You need to look at #documentation:theme-developers

Topic		Replies	Views
Changing theme color for the forum Product Support	3	3365	November 1, 2021
Switching the discourse color scheme: Changing Red Hues in CSS Product Support	3	1258	September 1, 2023
How do I change text color in my Header? Product Support css	3	1144	January 4, 2023
Customisability in discourse? Product Support	6	446	March 11, 2025
Replies and Views Orange Color, help! Product Support ux	4	217	January 16, 2025

Can you change the color of customizable text?

Related topics