*You can use Tex to produce colors, but the real objective of it is to write math so it is more of a workaround that works good enought.
gist and on the actual markdown of README's on github or the markdown of issues, etc.
- Warnings & Notes
-
Learn Tex basic syntax
$\to$ Text in Tex
$\to$ Font Styles
$\to$ Colors
$\diamond$ Color examples table
$\to$ Font Sizes -
Tex limitations
$\to$ It isn't selectable
$\to$ Causes text overflow
$\to$ Don't work inside link tags
$\to$ Are not yet added to the mobile app markdown
$\to$ Some words don't work on it - Useful links
To do the warning and note on the github markdown is that way:
__Warning__
__Note__
Warning Note
On the gist markdown you need to use the Tex syntax this way:
$\color{#D29922}\textsf{\Large\⚠\kern{0.2cm}\normalsize Warning}$
$\color{#58A6FF}\textsf{\Large\ⓘ\kern{0.2cm}\normalsize Note}$
To learn the syntax of Tex you can look at the Katex docs, you can also check the sorted docs.
Katex are not exacly Tex, but their docs are very well made and easy to understand, also most features of one are in the other. And the syntax is the same.
To start writting with Tex syntax you need to use $ at the start and end of the text. $foo$.
$foo$
If you want to centralize you can put 2 $. $$foo$$ is a centralized text.
$$foo$$
I prefer to write text in tex using the \text{foo} but you have other ways to do it as you can see bellow.
$lorem ipsum dolor sit amet$$\text lorem ipsum dolor sit amet$$\text{lorem ipsum dolor sit amet}$$lorem\ ipsum\ dolor\ sit\ amet$$\text lorem\ ipsum\ dolor\ sit\ amet$To change the font style you need to add suffixes to the \text.
| suffix | syntax | command | result |
|---|---|---|---|
none |
\text |
$\text{lorem ipsum}$ |
|
\rm |
\textrm |
$\textrm{lorem ipsum}$ |
|
\sf |
\textsf |
$\textsf{lorem ipsum}$ |
|
\bf |
\textbf |
$\textbf{lorem ipsum}$ |
|
\up |
\textup |
$\textup{lorem ipsum}$ |
|
\tt |
\texttt |
$\texttt{lorem ipsum}$ |
|
\it |
\textit |
$\textit{lorem ipsum}$ |
To use colors you can use \color or \textcolor.
You can also use background colors with \colorbox or \fcolorbox if you also want a color border (fcolorbox uses 2 params {}).
| command | result |
|---|---|
$\color{red}{\textsf{lorem ipsum}}$ |
|
$\color{#f00}{\textsf{lorem ipsum}}$ |
|
$\color{rgb(255,0,0)}{\textsf{lorem ipsum}}$ |
|
$\color{rgba(255,0,0, 0.4)}{\textsf{lorem ipsum}}$ |
|
$\color{hsl(0,100%,50%)}{\textsf{lorem ipsum}}$ |
|
$\color{hsla(0,100%,50%, 0.4)}{\textsf{lorem ipsum}}$ |
|
$\textcolor{red}{\textsf{lorem ipsum}}$ |
|
$\colorbox{red}{\textsf{lorem ipsum}}$ |
|
$\fcolorbox{yellow}{red}{\textsf{lorem ipsum}}$ |
| command | result |
|---|---|
$\Huge{\textsf{lorem ipsum}}$ |
|
$\huge{\textsf{lorem ipsum}}$ |
|
$\LARGE{\textsf{lorem ipsum}}$ |
|
$\Large{\textsf{lorem ipsum}}$ |
|
$\large{\textsf{lorem ipsum}}$ |
|
$\normalsize{\textsf{lorem ipsum}}$ |
|
$\small{\textsf{lorem ipsum}}$ |
|
$\scriptsize{\textsf{lorem ipsum}}$ |
|
$\tiny{\textsf{lorem ipsum}}$ |
The problem with writting using tex is that tex texts are not searchable (not indexed) nor selectable as you can see with the text above witten with Tex. (You can copy the Tex Commands with the right button of the mouse, but it isn't as good as it could be.)
You should't write too many characters per line (at least as of today (2023-04-02)) or it'll overflow creating an horizontal scroll as you can see opening the details below.
Example of Tex breaking creating a horizontal bar
AS you can see, $Tex breaks inside links$ too. (using []() here)
Tex is still out of the mobile app markdown (2023-04-02)
As of today this is the list of known words that don't work inside tex:
-
select- $select$
I tested a few SQL related words and select is the only that I found that broke Tex, dunno if the reason for it to not work is not SQL related.