-
Hi people, i was studying better ways to show information and i discover that github markdown doesn't accept colored text naturally, there's a few ways to colorize text but none of them is good enough. The most common is using the code block with - text in red
+ text in green
! text in orange
# text in gray
@@ text in purple (and bold)@@ other way is putting color HEXCODE like but none of this ways i can colorize well enough my text on Markdown, and then i discovered the following html tag: <code style="color : name_color">text</code> in this way i can put colors on Github Pages like this ones: It helps alot on github pages to show information, but people need to go to my page website to see it, because on the README.md doesn't show the colors: It will be great when we can change the color to send a more direct message on the markdown README to help people understand different informations on my wiki and so on, someone know a way to put colored text in a wiki instead of the Github pages? An example i'm using on github pages: |
Beta Was this translation helpful? Give feedback.
Replies: 12 comments 16 replies
-
Will be great if we could just do It's a pain when doing HTML & CSS for MD |
Beta Was this translation helpful? Give feedback.
-
Find a way to colorfy text in Github in the best way now (Since May 2022)! If i use the
|
Code | Appearing |
---|---|
$${\color{red}Red}$$ |
|
$${\color{green}Green}$$ |
|
$${\color{lightgreen}Light \space Green}$$ |
|
$${\color{blue}Blue}$$ |
|
$${\color{lightblue}Light \space Blue}$$ |
|
$${\color{black}Black}$$ |
|
$${\color{white}White}$$ |
|
$${\color{yellow}Yellow}$$ |
|
$${\color{orange}Orange}$$ |
More than one color
- Code
$${\color{red}Welcome \space \color{lightblue}To \space \color{orange}Stackoverflow}$$
- Visualization
Code | Text |
---|---|
$${\color{red}Welcome \space \color{lightblue}To \space \color{lightgreen}{github}}$$ |
Few things
- I can put outside tables too
$${\color{red}Welcome \space \color{lightblue}To \space \color{lightgreen}Github}$$
:
- Can be tittles too
$${\color{red}Welcome \space \color{lightblue}To \space \color{lightgreen}Github}$$
$${\color{red}Welcome \space \color{lightblue}To \space \color{lightgreen}Github}$$
$${\color{red}Welcome \space \color{lightblue}To \space \color{lightgreen}Github}$$
$${\color{red}Welcome \space \color{lightblue}To \space \color{lightgreen}Github}$$
- It works on PROFILE README too: Link from the example below
Beta Was this translation helpful? Give feedback.
-
Hi @F4NT0, thanks for the info, but is there a way to change the color of a word within the code block? |
Beta Was this translation helpful? Give feedback.
-
It's didn't work..... It show red and white text |
Beta Was this translation helpful? Give feedback.
-
any workaround to make it work for url's? sort of works for (with some formatting issues) but not for |
Beta Was this translation helpful? Give feedback.
-
|
Beta Was this translation helpful? Give feedback.
-
HTML is not markdown! I was searching for markdown colour support because of a Flutter markdown viewer which doesn't support HTML. That package allows us to extend markdown syntax by creating our own, so I came up with this:
Examples:
RegExp for that pattern: |
Beta Was this translation helpful? Give feedback.
-
More of the workarounds and colour ways we had have been restricted even more now and/or removed. So many decent workaround no longer function... It's criminal... |
Beta Was this translation helpful? Give feedback.
-
looks like that we can use latex now) |
Beta Was this translation helpful? Give feedback.
-
I think it's good to have an easier way to add color to text. I suggest adopting remark-directive. |
Beta Was this translation helpful? Give feedback.
-
hey there! |
Beta Was this translation helpful? Give feedback.
Find a way to colorfy text in Github in the best way now (Since May 2022)!
If i use the
\color{nameColor}
code from LATEX inside$$$$
, now that github can support$${\color{red}Red}$$
$${\color{green}Green}$$
$${\color{lightgreen}Light \space Green}$$
$${\color{blue}Blue}$$
$${\color{lightblue}Light \space Blue}$$
$${\color{black}Black}$$
$${\color{white}White}$$
$${\color{yellow}Yellow}$$