The first time step is to install Discourse for development. It will be easier to test.
Then, you can fork my component, clone it somewhere, and use Discourse Theme CLI.
Look at the <template>... </template>
code. You can add your text there.
The CSS is located in common/common.scss
file.
You can localize your text by adding an entry in locales/en.yml
– then you can use {{I18n.t(themePrefix("my_translation_key"))}}
2 Likes