aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVidhu Kant Sharma <vidhukant@vidhukant.com>2026-07-20 18:32:30 +0530
committerVidhu Kant Sharma <vidhukant@vidhukant.com>2026-07-20 18:32:30 +0530
commitf6bf81d4eec63e9a268f0aa5abb8b0f6e1fbac77 (patch)
treed2de548cb0d64417fa0726bdc77e643c32bb4874
parent2afd85294fcbbca71118e9f870e56b53d6af9954 (diff)
prettier markdown stylingHEADmaster
-rw-r--r--README.md5
-rw-r--r--md2html28
2 files changed, 16 insertions, 17 deletions
diff --git a/README.md b/README.md
index 5329062..ebc8053 100644
--- a/README.md
+++ b/README.md
@@ -23,9 +23,8 @@ set `--accent-color` to your preferred accent color.
## Syntax highlighting
-Install `catppuccin[pygments]` from pip (along with other dependencies as
-defined in cgit's manual). Place `syntax-highlighting.py` at
-`/usr/lib/cgit/filters/syntax-highlighting.py`
+Install the `pygments` package (`python3-pygments` on debian) and
+place `syntax-highlighting.py` at `/usr/lib/cgit/filters/syntax-highlighting.py`
Find these lines in `syntax-highlighting.py`:
diff --git a/md2html b/md2html
index 35b3c11..ca98ecc 100644
--- a/md2html
+++ b/md2html
@@ -1,7 +1,7 @@
#!/usr/bin/env python3
-# /usr/lib/cgit/filters/html-converters/md2html
-# make sure to also install catppuccin[pygments] with pip
+# /usr/lib/cgit/filters/html-converters/html-converters/md2html
+# make sure to also install pygments
import markdown
import sys
@@ -70,32 +70,32 @@ div#cgit .markdown-body h1 a.toclink, div#cgit .markdown-body h2 a.toclink, div#
}
.markdown-body h1 {
font-size: 28px;
- color: var(--text);
}
.markdown-body h2 {
font-size: 24px;
- border-bottom: 1px solid var(--accent-color);
- color: var(--text);
+ border-bottom: 1px solid var(--overlay-0);
}
.markdown-body h3 {
font-size: 18px;
+ border-bottom: 1px dashed var(--overlay-0);
}
.markdown-body h4 {
font-size: 16px;
+ border-bottom: 1px dashed var(--overlay-0);
}
.markdown-body h5 {
font-size: 14px;
+ border-bottom: 1px dotted var(--overlay-0);
}
.markdown-body h6 {
- color: var(--text);
font-size: 14px;
+ border-bottom: 1px dotted var(--overlay-0);
}
.markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre {
margin: 15px 0;
color: var(--text);
}
.markdown-body hr {
- background: transparent url("/dirty-shade.png") repeat-x 0 0;
border: 0 none;
color: var(--accent-color);
height: 4px;
@@ -173,14 +173,14 @@ div#cgit .markdown-body h1 a.toclink, div#cgit .markdown-body h2 a.toclink, div#
}
.markdown-body table th {
font-weight: bold;
- background-color: var(--surface-1);
+ background-color: var(--surface-0);
}
.markdown-body table th, .markdown-body table td {
- border: 1px solid var(--text);
+ border: 1px solid var(--overlay-0);
padding: 6px 13px;
}
.markdown-body table tr {
- border-top: 1px solid var(--text);
+ border-top: 1px solid var(--overlay-0);
background-color: var(--mantle);
}
.markdown-body table tr:nth-child(2n) {
@@ -268,8 +268,8 @@ div#cgit .markdown-body h1 a.toclink, div#cgit .markdown-body h2 a.toclink, div#
.markdown-body code, .markdown-body tt {
margin: 0 2px;
padding: 0px 5px;
- border: 1px solid var(--accent-color);
- background-color: var(--mantle);
+ border: 1px solid var(--overlay-0);
+ background-color: var(--base);
border-radius: 3px;
}
.markdown-body code {
@@ -283,8 +283,8 @@ div#cgit .markdown-body h1 a.toclink, div#cgit .markdown-body h2 a.toclink, div#
background: transparent;
}
.markdown-body .highlight pre, .markdown-body pre {
- background-color: var(--mantle);
- border: 1px solid var(--accent-color);
+ background-color: var(--base);
+ border: 1px solid var(--overlay-0);
font-size: 13px;
line-height: 19px;
overflow: auto;