site

commit 5758ef44a034505ed3e34e3b3db36c11d83d9539
parent 17809d5d5579c325642ebdbb7cc3d15d62238ffe
Author: Jul <jul@9o.is>
Date:   Thu, 15 Jan 2026 04:58:15 -0500

add styling for git repositories

Diffstat:
M
styles/style.css
 | 
86
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
M
styles/theme.txt
 | 
2
+-

2 files changed, 87 insertions(+), 1 deletion(-)
diff --git a/styles/style.css b/styles/style.css
@@ -15,6 +15,10 @@
 	--red-100: #663141;
 	--red-200: #fc93b0;
 	--red-300: #ffdae7;
+	--teal-50: #0e1614;
+	--teal-100: #2e4642;
+	--teal-200: #7dbfb4;
+	--teal-300: #beede5;
 
 	--font-mono: monospace;
 	--font-sans: ui-sans-serif, system-ui, sans-serif;
@@ -51,6 +55,10 @@
 		--red-100: oklch(0.3881 0.0782 2.21);
 		--red-200: oklch(0.7813 0.1298 2.77);
 		--red-300: oklch(0.9229 0.0443 354.83);
+		--teal-50: oklch(0.1913 0.0127 177.82);
+		--teal-100: oklch(0.3731 0.0305 183.11);
+		--teal-200: oklch(0.7572 0.0692 182.78);
+		--teal-300: oklch(0.911 0.0495 183.71);
 	}
 }
 
@@ -59,6 +67,9 @@
 	--color-fg: var(--gray-300);
 	--color-border: var(--gray-100);
 	--color-accent: var(--blue-200);
+	--color-green: var(--green-200);
+	--color-red: var(--red-200);
+	--color-teal: var(--teal-200);
 }
 
 @media (prefers-color-scheme: light) {
@@ -67,6 +78,9 @@
 		--color-fg: var(--gray-50);
 		--color-border: var(--gray-200);
 		--color-accent: var(--blue-100);
+		--color-green: var(--green-100);
+		--color-red: var(--red-100);
+		--color-teal: var(--teal-100);
 	}
 }
 
@@ -208,6 +222,16 @@ video {
 	height: auto;
 }
 
+::selection {
+	background-color: var(--color-accent);
+	color: var(--color-bg);
+}
+
+::-moz-selection {
+	background-color: var(--color-accent);
+	color: var(--color-bg);
+}
+
 body {
 	background-color: var(--color-bg);
 	color: var(--color-fg);
@@ -262,3 +286,65 @@ main ul > li {
 	margin: var(--spacing) 0;
 }
 
+main.git {
+	table {
+		font-size: var(--text-sm);
+	}
+
+	a.d,
+	a.h,
+	a.i,
+	a.line {
+		text-decoration: none;
+	}
+
+	#blob a {
+		color: var(--color-border);
+	}
+
+	#blob a:hover,
+	#blob a:target {
+		color: var(--color-accent);
+	}
+
+	table thead td {
+		font-weight: bold;
+	}
+
+	table td {
+		padding: 0 0.4em;
+	}
+
+	table td {
+		vertical-align: top;
+		white-space: nowrap;
+	}
+
+	#index tr td:nth-child(2),
+	#tags tr td:nth-child(3),
+	#branches tr td:nth-child(3),
+	#log tr td:nth-child(2) {
+		white-space: normal;
+	}
+
+	td.num {
+		text-align: right;
+	}
+
+	pre a.h {
+		color: var(--color-teal);
+		font-weight: bold;
+	}
+
+	.A,
+	span.i,
+	pre a.i {
+		color: var(--color-green);
+	}
+
+	.D,
+	span.d,
+	pre a.d {
+		color: var(--color-red);
+	}
+}
diff --git a/styles/theme.txt b/styles/theme.txt
@@ -1 +1 @@
-https://leonardocolor.io/theme.html?name=theme&config=%7B%22baseScale%22%3A%22gray%22%2C%22colorScales%22%3A%5B%7B%22name%22%3A%22gray%22%2C%22colorKeys%22%3A%5B%22%23131314%22%2C%22%23e3e3e3%22%5D%2C%22colorspace%22%3A%22OKLCH%22%2C%22ratios%22%3A%5B%22-1%22%2C%222%22%2C%2210.41%22%2C%2217.3%22%5D%2C%22smooth%22%3Atrue%7D%2C%7B%22name%22%3A%22blue%22%2C%22colorKeys%22%3A%5B%22%2389b4fa%22%5D%2C%22colorspace%22%3A%22OKLCH%22%2C%22ratios%22%3A%5B%22-1%22%2C%222%22%2C%2210.41%22%2C%2217.3%22%5D%2C%22smooth%22%3Atrue%7D%2C%7B%22name%22%3A%22green%22%2C%22colorKeys%22%3A%5B%22%23a6e3a1%22%5D%2C%22colorspace%22%3A%22OKLCH%22%2C%22ratios%22%3A%5B%22-1%22%2C%222%22%2C%2210.41%22%2C%2217.3%22%5D%2C%22smooth%22%3Atrue%7D%2C%7B%22name%22%3A%22red%22%2C%22colorKeys%22%3A%5B%22%23f38ba8%22%5D%2C%22colorspace%22%3A%22OKLCH%22%2C%22ratios%22%3A%5B%22-1%22%2C%222%22%2C%2210.41%22%2C%2217.3%22%5D%2C%22smooth%22%3Atrue%7D%5D%2C%22lightness%22%3A6%2C%22contrast%22%3A0.83%2C%22saturation%22%3A100%2C%22formula%22%3A%22wcag2%22%7D
+https://leonardocolor.io/theme.html?name=theme&config=%7B%22baseScale%22%3A%22gray%22%2C%22colorScales%22%3A%5B%7B%22name%22%3A%22gray%22%2C%22colorKeys%22%3A%5B%22%23131314%22%2C%22%23e3e3e3%22%5D%2C%22colorspace%22%3A%22OKLCH%22%2C%22ratios%22%3A%5B%22-1%22%2C%222%22%2C%2210.41%22%2C%2217.3%22%5D%2C%22smooth%22%3Afalse%7D%2C%7B%22name%22%3A%22blue%22%2C%22colorKeys%22%3A%5B%22%2389b4fa%22%5D%2C%22colorspace%22%3A%22OKLCH%22%2C%22ratios%22%3A%5B%22-1%22%2C%222%22%2C%2210.41%22%2C%2217.3%22%5D%2C%22smooth%22%3Atrue%7D%2C%7B%22name%22%3A%22green%22%2C%22colorKeys%22%3A%5B%22%23a6e3a1%22%5D%2C%22colorspace%22%3A%22OKLCH%22%2C%22ratios%22%3A%5B%22-1%22%2C%222%22%2C%2210.41%22%2C%2217.3%22%5D%2C%22smooth%22%3Atrue%7D%2C%7B%22name%22%3A%22red%22%2C%22colorKeys%22%3A%5B%22%23f38ba8%22%5D%2C%22colorspace%22%3A%22OKLCH%22%2C%22ratios%22%3A%5B%22-1%22%2C%222%22%2C%2210.41%22%2C%2217.3%22%5D%2C%22smooth%22%3Atrue%7D%2C%7B%22name%22%3A%22teal%22%2C%22colorKeys%22%3A%5B%22%2394e2d5%22%5D%2C%22colorspace%22%3A%22RGB%22%2C%22ratios%22%3A%5B%22-1%22%2C%222%22%2C%2210.41%22%2C%2217.3%22%5D%2C%22smooth%22%3Afalse%7D%5D%2C%22lightness%22%3A6%2C%22contrast%22%3A0.83%2C%22saturation%22%3A100%2C%22formula%22%3A%22wcag2%22%7D