modernize theme to github-style with purple accent

- full CSS rewrite: github primer color tokens, css vars for all colors
- fonts: oxanium (headings), ibm plex sans (ui), jetbrains mono (code)
- layout: flex-column body for proper sticky footer, max-width container
  replacing inconsistent 95%/94% widths, float removal from tree icons
- dark mode: all diff colors, badges, surfaces now use vars (no hardcoded)
- ref badges: purple head, yellow tag, green branch with icon fill colors
- table rows: re-enabled alternating rows, hover states, styled headers
- mobile: breakpoints at 768px and 480px, stacked diff view on small screens
- svg icons: updated fills to match new color scheme (light + dark variants)
- html fragments: header role=banner, logo resize, site-desc semantic classes

Co-Authored-By: Claude Sonnet 4.6 <redacted>

diff --git a/.gitignore b/.gitignore
index 61ad8e74283dfd82968092d749e8db7f500ff597..dbd78e91efdcbc41956e8e9875c2b5cd04e37b55 100644 (file)
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
 gitweb.cgi
 index.cgi
 old-static/
-static
\ No newline at end of file
+static
+HANDOFF.md
\ No newline at end of file

diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644 (file)
index 0000000..7f2f05d
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,47 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## What This Is
+
+Custom gitweb theme for [git.danix.xyz](https://git.danix.xyz/). Gitweb is a CGI-based git web interface; this repo provides the static assets and HTML fragments it injects.
+
+No build system. No package manager. Edit files directly.
+
+## Deployment
+
+Copy `gitweb-danixland/` to your gitweb static files directory (typically `/usr/share/gitweb/static/` or configured via `$GIT_DIR` in gitweb config). The HTML fragment files (`header.html`, `footer.html`, `site-desc.html`) map to gitweb's `$site_header`, `$site_footer`, and `$home_text` config options respectively.
+
+## Architecture
+
+```
+gitweb-danixland/    ← static assets served by gitweb
+  gitweb.css         ← all styling (single file, no preprocessor)
+  gitweb.js          ← upstream gitweb JS, unmodified (blame incremental, TZ UI)
+  *.svg              ← icons, light/dark variants (e.g. file.svg / file-dark.svg)
+  *.png              ← logo, favicon, signature image
+
+header.html          ← injected before gitweb content (.site-header div)
+footer.html          ← injected after gitweb content (.site-footer div)
+site-desc.html       ← home page welcome text (.index_include area)
+```
+
+## CSS Conventions
+
+- CSS custom properties (vars) defined in `:root` — all colors go through vars
+- Dark mode via `@media (prefers-color-scheme: dark)` overriding `:root` vars
+- Icon swap between light/dark: `--file-icon`, `--dir-icon`, etc. point to different SVG files per color scheme
+- Fonts: Montserrat (UI) + Red Hat Mono (code/sha1/diffs) via Google Fonts
+- Color palette vars: `--bg`, `--bg-alt`, `--fg`, `--accent` (#FD7014 orange), `--bluish-grey` (footer/header bg)
+- Diff colors are hardcoded (`#ffdddd`/`#ddffdd`) — not using vars
+- `.rem`/`.add` = removed/added diff lines; `.marked` = inline character-level highlight within those
+
+## Key Gitweb CSS Classes
+
+- `.page_header` — breadcrumb bar (gitweb-generated)
+- `.page_footer` — gitweb's own footer (kept, sits above `.site-footer`)
+- `.site-header` / `.site-footer` — custom HTML fragments
+- `.project_list`, `.shortlog`, `.tree` — main data tables
+- `.patchset`, `.chunk_block`, `.rem`, `.add` — diff view
+- `span.refs span.tag` / `span.refs span.head` — branch/tag badges
+- `.category` — uses `--accent` color with `::before` content injection

diff --git a/gitweb-danixland/commit-dark.svg b/gitweb-danixland/commit-dark.svg
index 949474ab6ad8ef372e73d1674a6e88ff042cf889..6fbe2930df24f762092ee289222672f00b3bd959 100644 (file)
--- a/gitweb-danixland/commit-dark.svg
+++ b/gitweb-danixland/commit-dark.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="#222831" d="M320 336c44.2 0 80-35.8 80-80s-35.8-80-80-80s-80 35.8-80 80s35.8 80 80 80zm156.8-48C462 361 397.4 416 320 416s-142-55-156.8-128H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H163.2C178 151 242.6 96 320 96s142 55 156.8 128H608c17.7 0 32 14.3 32 32s-14.3 32-32 32H476.8z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="#7e22ce" d="M320 336c44.2 0 80-35.8 80-80s-35.8-80-80-80s-80 35.8-80 80s35.8 80 80 80zm156.8-48C462 361 397.4 416 320 416s-142-55-156.8-128H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H163.2C178 151 242.6 96 320 96s142 55 156.8 128H608c17.7 0 32 14.3 32 32s-14.3 32-32 32H476.8z"/></svg>
\ No newline at end of file

diff --git a/gitweb-danixland/commit.svg b/gitweb-danixland/commit.svg
index fc062d3a859f49d154943267c6d69d818709646f..3f0a6b0f1631edecb8519dd388aea9d240672dbc 100644 (file)
--- a/gitweb-danixland/commit.svg
+++ b/gitweb-danixland/commit.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="#FD7014" d="M320 336c44.2 0 80-35.8 80-80s-35.8-80-80-80s-80 35.8-80 80s35.8 80 80 80zm156.8-48C462 361 397.4 416 320 416s-142-55-156.8-128H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H163.2C178 151 242.6 96 320 96s142 55 156.8 128H608c17.7 0 32 14.3 32 32s-14.3 32-32 32H476.8z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="#c084fc" d="M320 336c44.2 0 80-35.8 80-80s-35.8-80-80-80s-80 35.8-80 80s35.8 80 80 80zm156.8-48C462 361 397.4 416 320 416s-142-55-156.8-128H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H163.2C178 151 242.6 96 320 96s142 55 156.8 128H608c17.7 0 32 14.3 32 32s-14.3 32-32 32H476.8z"/></svg>
\ No newline at end of file

diff --git a/gitweb-danixland/file-dark.svg b/gitweb-danixland/file-dark.svg
index 72363931ba110d12d3cfad2e6f8d40a588e22eb2..49d3edf0aafd634fb261e06f5df0de1489cdefab 100644 (file)
--- a/gitweb-danixland/file-dark.svg
+++ b/gitweb-danixland/file-dark.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="#222831" d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM112 256H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="#57606a" d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM112 256H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/></svg>

diff --git a/gitweb-danixland/file.svg b/gitweb-danixland/file.svg
index 863836bb0b5c994e2867feac8b8c915e576fa58a..781a4441a12e33500abdee403e582bc020bfaa74 100644 (file)
--- a/gitweb-danixland/file.svg
+++ b/gitweb-danixland/file.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="#FD7014" d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM112 256H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="#848d97" d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM112 256H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/></svg>

diff --git a/gitweb-danixland/folder-dark.svg b/gitweb-danixland/folder-dark.svg
index ca6520f0e1e43d5816d74acd184568c61f20dd57..33529d2450a3d6f9ad686d06d36f5199ababba0b 100644 (file)
--- a/gitweb-danixland/folder-dark.svg
+++ b/gitweb-danixland/folder-dark.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="#222831" d="M384 480h48c11.4 0 21.9-6 27.6-15.9l112-192c5.8-9.9 5.8-22.1 .1-32.1S555.5 224 544 224H144c-11.4 0-21.9 6-27.6 15.9L48 357.1V96c0-8.8 7.2-16 16-16H181.5c4.2 0 8.3 1.7 11.3 4.7l26.5 26.5c21 21 49.5 32.8 79.2 32.8H416c8.8 0 16 7.2 16 16v32h48V160c0-35.3-28.7-64-64-64H298.5c-17 0-33.3-6.7-45.3-18.7L226.7 50.7c-12-12-28.3-18.7-45.3-18.7H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H87.7 384z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="#57606a" d="M384 480h48c11.4 0 21.9-6 27.6-15.9l112-192c5.8-9.9 5.8-22.1 .1-32.1S555.5 224 544 224H144c-11.4 0-21.9 6-27.6 15.9L48 357.1V96c0-8.8 7.2-16 16-16H181.5c4.2 0 8.3 1.7 11.3 4.7l26.5 26.5c21 21 49.5 32.8 79.2 32.8H416c8.8 0 16 7.2 16 16v32h48V160c0-35.3-28.7-64-64-64H298.5c-17 0-33.3-6.7-45.3-18.7L226.7 50.7c-12-12-28.3-18.7-45.3-18.7H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H87.7 384z"/></svg>
\ No newline at end of file

diff --git a/gitweb-danixland/folder.svg b/gitweb-danixland/folder.svg
index 85d269e39b515769a253a05ef70a0004c1f0d639..1169455279dde938921bdf98a94fdd07b7dfffe9 100644 (file)
--- a/gitweb-danixland/folder.svg
+++ b/gitweb-danixland/folder.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="#FD7014" d="M384 480h48c11.4 0 21.9-6 27.6-15.9l112-192c5.8-9.9 5.8-22.1 .1-32.1S555.5 224 544 224H144c-11.4 0-21.9 6-27.6 15.9L48 357.1V96c0-8.8 7.2-16 16-16H181.5c4.2 0 8.3 1.7 11.3 4.7l26.5 26.5c21 21 49.5 32.8 79.2 32.8H416c8.8 0 16 7.2 16 16v32h48V160c0-35.3-28.7-64-64-64H298.5c-17 0-33.3-6.7-45.3-18.7L226.7 50.7c-12-12-28.3-18.7-45.3-18.7H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H87.7 384z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="#848d97" d="M384 480h48c11.4 0 21.9-6 27.6-15.9l112-192c5.8-9.9 5.8-22.1 .1-32.1S555.5 224 544 224H144c-11.4 0-21.9 6-27.6 15.9L48 357.1V96c0-8.8 7.2-16 16-16H181.5c4.2 0 8.3 1.7 11.3 4.7l26.5 26.5c21 21 49.5 32.8 79.2 32.8H416c8.8 0 16 7.2 16 16v32h48V160c0-35.3-28.7-64-64-64H298.5c-17 0-33.3-6.7-45.3-18.7L226.7 50.7c-12-12-28.3-18.7-45.3-18.7H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H87.7 384z"/></svg>
\ No newline at end of file

diff --git a/gitweb-danixland/gitweb.css b/gitweb-danixland/gitweb.css
index b088624f6e8805e480c358baaca79972bcb337a3..b8254d4333929d076903edb631b3ff475441503e 100644 (file)
--- a/gitweb-danixland/gitweb.css
+++ b/gitweb-danixland/gitweb.css
@@ -1,6 +1,6 @@
 /* Fonts
 ------------------------------------------------------------------------- */
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@400;600;700&family=IBM+Plex+Sans:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap');
 
 /* Reset
 ------------------------------------------------------------------------- */
@@ -48,48 +48,143 @@ a { outline: none; }
 /* Colors
 ------------------------------------------------------------------------- */
 :root {
-  --bg: #D8D9CF;
-  --bg-alt: #F0EEED;
-  --fg: #393E46;
-  --link: #753f09;
-  --link-visited: #83674d;
-  --border: 34,40,49,0.035;
-  --accent: #FD7014;
-  --shadow: 0,0,0,0.2;
-  --bluish-grey: #282d3d;
-  --dark-grey: #393E46;
-  --light-grey: #ababcf;
-/* Icons */
-  --file-icon: url("file-dark.svg");
-  --dir-icon: url("folder-dark.svg");
-  --ref-icon: url("commit-dark.svg");
-  --tag-icon: url("tag-dark.svg");
+  --bg:          #ffffff;
+  --bg-alt:      #f6f8fa;
+
+  --fg:          #1f2328;
+  --fg-muted:    #656d76;
+  --fg-subtle:   #818b98;
+
+  --link:        #a855f7;
+  --link-visited: #9333ea;
+
+  --border:      #d0d7de;
+  --border-muted: #d8dee4;
+
+  --accent:      #a855f7;
+
+  --shadow-sm:   0 1px 0 rgba(27,31,36,0.04);
+  --shadow-md:   0 3px 6px rgba(140,149,159,0.15);
+
+  --color-success:        #1a7f37;
+  --color-success-bg:     #dafbe1;
+  --color-success-border: #aceebb;
+  --color-danger:         #d1242f;
+  --color-danger-bg:      #ffebe9;
+  --color-danger-border:  #ff8182;
+  --color-warning:        #9a6700;
+  --color-warning-bg:     #fff8c5;
+  --color-warning-border: #d4a72c;
+
+  --diff-add-bg:   #e6ffec;
+  --diff-add-word: #abf2bc;
+  --diff-rem-bg:   #ffebe9;
+  --diff-rem-word: #ff818266;
+
+  --badge-tag-bg:        #fff8c5;
+  --badge-tag-border:    #d4a72c;
+  --badge-tag-fg:        #7d4e00;
+  --badge-branch-bg:     #dafbe1;
+  --badge-branch-border: #4ac26b;
+  --badge-branch-fg:     #1a7f37;
+  --badge-head-bg:       #f3e8ff;
+  --badge-head-border:   #c084fc;
+  --badge-head-fg:       #7e22ce;
+
+  /* Icons (light mode = dark-fill SVGs) */
+  --file-icon:   url("file-dark.svg");
+  --dir-icon:    url("folder-dark.svg");
+  --ref-icon:    url("commit-dark.svg");
+  --tag-icon:    url("tag-dark.svg");
   --branch-icon: url("merge-dark.svg");
-  --rss-icon:url("rss-dark.svg");
-  --opml-icon:url("opml-dark.svg");
-/* social colors */
-  --twitter: #1DA1F2;
+  --rss-icon:    url("rss-dark.svg");
+  --opml-icon:   url("opml-dark.svg");
+
+  --footer-bg:     #f6f8fa;
+  --footer-fg:     #656d76;
+  --footer-border: #d0d7de;
+
+  /* social colors */
+  --twitter:   #1DA1F2;
   --instagram: #E4405F;
-  --spotify: #1ed760;
-  --github: #6e5494;
+  --spotify:   #1ed760;
+  --github:    #24292f;
 }
+
 @media screen and (prefers-color-scheme: dark) {
   :root {
-    --bg: #393E46;
-    --bg-alt: #222831;
-    --fg: #D8D9CF;
-    --link: #FF8B13;
-    --link-visited: #e7b788;
-    --border: 216,217,207,0.2;
-    --shadow: 255,255,255,0.2;
-  --file-icon: url("file.svg");
-  --dir-icon: url("folder.svg");
-  --ref-icon: url("commit.svg");
-  --tag-icon: url("tag.svg");
-  --branch-icon: url("merge.svg");
-  --rss-icon:url("rss.svg");
-  --opml-icon:url("opml.svg");
+    --bg:          #0d1117;
+    --bg-alt:      #161b22;
+
+    --fg:          #e6edf3;
+    --fg-muted:    #848d97;
+    --fg-subtle:   #6e7681;
+
+    --link:        #c084fc;
+    --link-visited: #d8b4fe;
+
+    --border:      #30363d;
+    --border-muted: #21262d;
+
+    --accent:      #c084fc;
+
+    --shadow-sm:   0 1px 0 rgba(1,4,9,0.4);
+    --shadow-md:   0 3px 6px rgba(1,4,9,0.4);
+
+    --color-success:        #3fb950;
+    --color-success-bg:     #033a16;
+    --color-success-border: #196c2e;
+    --color-danger:         #f85149;
+    --color-danger-bg:      #67060c;
+    --color-danger-border:  #8e1519;
+    --color-warning:        #d29922;
+    --color-warning-bg:     #5a3e1b;
+    --color-warning-border: #9e6a03;
+
+    --diff-add-bg:   #033a16;
+    --diff-add-word: #1a7f37;
+    --diff-rem-bg:   #67060c;
+    --diff-rem-word: #b91c1c66;
+
+    --badge-tag-bg:        #5a3e1b;
+    --badge-tag-border:    #9e6a03;
+    --badge-tag-fg:        #d29922;
+    --badge-branch-bg:     #033a16;
+    --badge-branch-border: #196c2e;
+    --badge-branch-fg:     #3fb950;
+    --badge-head-bg:       #3b0764;
+    --badge-head-border:   #7e22ce;
+    --badge-head-fg:       #c084fc;
+
+    --file-icon:   url("file.svg");
+    --dir-icon:    url("folder.svg");
+    --ref-icon:    url("commit.svg");
+    --tag-icon:    url("tag.svg");
+    --branch-icon: url("merge.svg");
+    --rss-icon:    url("rss.svg");
+    --opml-icon:   url("opml.svg");
+
+    --footer-bg:     #161b22;
+    --footer-fg:     #848d97;
+    --footer-border: #30363d;
+
+    --github:    #f0f6ff;
   }
+
+  /* Syntax highlighting — dark mode overrides */
+  .num  { color: #79c0ff; }
+  .esc  { color: #ff7b72; }
+  .str  { color: #a5d6ff; background-color: transparent; }
+  .dstr { color: #79c0ff; }
+  .slc  { color: #8b949e; font-style: italic; }
+  .com  { color: #8b949e; font-style: italic; }
+  .dir  { color: #3fb950; }
+  .sym  { color: var(--fg); }
+  .line { color: #6e7681; }
+  .kwa  { color: #ff7b72; font-weight: bold; }
+  .kwb  { color: #d2a8ff; }
+  .kwc  { color: #ffa657; }
+  .kwd  { color: #79c0ff; }
 }
 
 
@@ -97,21 +192,53 @@ a { outline: none; }
 ---------------------------------------------------------------------------- */
 
 html {
-  position: relative;
   min-height: 100%;
 }
 
 body {
-  font: 13px 'Montserrat',Helvetica,arial,freesans,clean,sans-serif;
-  line-height: 1.4;
-  margin: 0 0 105px;
+  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  margin: 0;
   background-color: var(--bg);
   color: var(--fg);
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+/* Content container — replaces per-element 95%/94% widths */
+.page_header,
+.index_include,
+.project_list,
+.shortlog,
+.commit_search,
+.history,
+.page_nav,
+.list_head,
+.page_path,
+.search,
+.title,
+.readme,
+.projects_list,
+.tags,
+.heads,
+.header,
+.title_text,
+.log_body,
+.page_body,
+.diff_tree {
+  max-width: 1280px;
+  width: calc(100% - 48px);
+  margin-left: auto;
+  margin-right: auto;
+  box-sizing: border-box;
 }
 
 /* Monospaced Fonts */
 .sha1, .mode, .diff_tree .list, .pre, .diff, .patchset {
-  font-family: 'Red Hat Mono','Consolas','Bitstream Vera Sans Mono',monospace;
+  font-family: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
+  font-size: 12px;
 }
 
 a:link, a:visited {
@@ -130,22 +257,26 @@ a:hover {
   text-decoration: underline;
 }
 
-td.list a[href*='tree'], td.list a[href*='blob'] {
-  padding-left: 40px;
-  display: block;
-  float: left;
-  height: 32px;
-  line-height: 32px;
+td.list a[href*='tree'],
+td.list a[href*='blob'] {
+  padding-left: 24px;
+  background-position: left center;
+  background-repeat: no-repeat;
+  background-size: 16px 16px;
+  display: inline-flex;
+  align-items: center;
+  min-height: 24px;
+  line-height: 1.5;
 }
 
 /* Folder Icon */
 td.list a[href*='tree'] {
-  background: var(--dir-icon) center left no-repeat;
+  background-image: var(--dir-icon);
 }
 
 /* File Icon */
 td.list a[href*='blob'] {
-  background: var(--file-icon) center left no-repeat;
+  background-image: var(--file-icon);
 }
 
 i {
@@ -153,7 +284,8 @@ i {
 }
 
 td, th {
-  padding: 5px;
+  padding: 8px 16px;
+  vertical-align: middle;
 }
 
 .page_nav br {
@@ -161,13 +293,14 @@ td, th {
 }
 
 #generating_info {
-  font-size: 10px;
-  color: var(--fg);
+  font-size: 11px;
+  color: var(--fg-subtle);
   text-align: center;
+  padding: 8px;
 }
 
 #generating_time, #generating_cmd {
-  font-weight: bold;
+  font-weight: 600;
 }
 
 /* Page Header
@@ -175,14 +308,16 @@ td, th {
 
 /* breadcrumbs */
 .page_header {
-  height: 50px;
-  line-height: 50px;
+  height: 48px;
+  line-height: 48px;
   position: relative;
-  padding: 0 27px;
-  margin-bottom: 20px;
-  font-size: 20px;
-  font-family: 'Montserrat', Helvetica, Arial, Freesans, Clean, sans-serif;
-  border-bottom: 1px solid rgba(var(--border));
+  padding: 0 24px;
+  margin-bottom: 16px;
+  font-size: 14px;
+  font-weight: 600;
+  font-family: 'IBM Plex Sans', sans-serif;
+  border-bottom: 1px solid var(--border);
+  background-color: var(--bg);
 }
 
 .page_header a:link, .page_header a:visited {
@@ -215,48 +350,43 @@ td, th {
 /* Page Footer
 ---------------------------------------------------------------------------- */
 
-.page_footer,
-.site-footer {
-  background-color: var(--bluish-grey);
-  color: var(--light-grey);
-  width: 100%;
-  margin: 0;
-}
-
 .page_footer {
-  height: 40px;
-  line-height: 40px;
+  background-color: var(--bg-alt);
+  color: var(--fg-muted);
+  border-top: 1px solid var(--border);
+  padding: 8px 24px;
+  font-size: 12px;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .page_footer_text {
+  display: block;
   text-align: right;
-  padding-right: 2em;
-  display: inline;
-  float: right;
-  width: calc(100% - 2em);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
 .site-footer {
-  position: absolute;
-  left: 0;
-  bottom: 0;
+  background-color: var(--footer-bg);
+  color: var(--footer-fg);
+  width: 100%;
+  margin-top: auto;
+  padding: 24px;
+  border-top: 1px solid var(--footer-border);
   display: flex;
   flex-direction: row;
-  flex-wrap: nowrap;
-  justify-content: space-around;
+  flex-wrap: wrap;
+  justify-content: space-between;
   align-items: center;
-  align-content: stretch;
+  gap: 16px;
+  box-sizing: border-box;
 }
 
-.site-footer .columns {
-  display: block;
-  flex-grow: 1;
-  flex-basis: auto;
-  align-self: stretch;
-  order: 0;
+.site-footer .footer-columns {
+  flex: 1 1 auto;
+  min-width: 140px;
 }
 
 .social-links ul li {
@@ -281,8 +411,18 @@ td, th {
   color: var(--github);
 }
 
-a.rss_logo,
-div.social-links ul li a span,
+div.social-links ul li a span {
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(100%);
+  height: 1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
 div.page_header a img.logo {
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
@@ -300,12 +440,32 @@ div.page_header a img.logo {
 ---------------------------------------------------------------------------- */
 
 .index_include {
-  width: 95%;
-  margin: 0 auto 15px;
-  padding: 8px;
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
+  margin-bottom: 16px;
+  padding: 16px 0;
+}
+
+.index_include h2 {
+  font-family: 'Oxanium', sans-serif;
+  font-size: 20px;
+  font-weight: 700;
+  margin-bottom: 12px;
+  color: var(--fg);
+}
+
+.index_include p {
+  color: var(--fg-muted);
+  margin-bottom: 8px;
+  line-height: 1.6;
+}
+
+.welcome-close {
+  margin-top: 16px;
+}
+
+.signature-wrap {
+  text-align: right;
+  margin-top: 8px;
+  padding-right: 16px;
 }
 
 /* Elements
@@ -313,68 +473,89 @@ div.page_header a img.logo {
 
 .project_list,
 .shortlog,
-.tree,
 .commit_search,
 .history {
-  width: 95%;
-  margin: 0 auto 15px auto;
-  border: 1px solid rgba(var(--border));
-  -moz-box-shadow: 0 0 3px rgba(var(--shadow));
-  -webkit-box-shadow: 0 0 3px rgba(var(--shadow));
-  box-shadow: 0 0 3px rgba(var(--shadow));
+  margin: 0 auto 16px auto;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  box-shadow: var(--shadow-sm);
+  overflow: hidden;
 }
 
 .project_list th,
 .shortlog th,
 .tree th,
 .commit_search th {
-/*  background-color: var(--bluish-grey);
-  color: var(--light-grey);
-  font-weight: normal;*/
-}
-
-.project_list th {
-/*  font-weight: bold;*/
+  background-color: var(--bg-alt);
+  color: var(--fg-muted);
+  font-weight: 600;
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  border-bottom: 1px solid var(--border);
 }
 
 .project_list tr,
 .shortlog tr,
 .tree tr,
 .commit_search tr {
-/*  background: var(--light-grey);
-  height: 2.5em;
-  text-align: left;
-  color: var(--fg);*/
-}
-
-.project_list tr.dark, .project_list tr.light,
-.shortlog tr.dark, .shortlog tr.light,
-.tree tr.dark, .tree tr.light,
-.commit_search tr.dark, .commit_search tr.light,
-.history tr.dark, .history tr.light,
-.heads tr.dark, .heads tr.light {
-/*  background-color: var(--bg-alt);
+  border-bottom: 1px solid var(--border);
   color: var(--fg);
-  height: 2.5em;
-  border-bottom: 1px solid rgba(var(--border));*/
+}
+
+.project_list tr:last-child,
+.shortlog tr:last-child,
+.tree tr:last-child,
+.commit_search tr:last-child {
+  border-bottom: none;
+}
+
+/* Alternating rows */
+.project_list tr.dark,
+.shortlog tr.dark,
+.tree tr.dark,
+.commit_search tr.dark,
+.history tr.dark,
+.heads tr.dark {
+  background-color: var(--bg);
+}
+
+.project_list tr.light,
+.shortlog tr.light,
+.tree tr.light,
+.commit_search tr.light,
+.history tr.light,
+.heads tr.light {
+  background-color: var(--bg-alt);
+}
+
+/* Row hover */
+.project_list tr:hover,
+.shortlog tr:hover,
+.tree tr:hover,
+.commit_search tr:hover {
+  background-color: var(--bg-alt);
 }
 
 th .header {
-/*  background: transparent;
+  background: transparent;
   border: 0;
   padding: 0;
-  font-weight: bold;*/
+  font-weight: 600;
 }
 
 .tree {
   width: 100%;
+  max-width: none;
   margin: 0;
+  border-radius: 0;
 }
 
 .projsearch {
-  position: absolute;
-  right: 4%;
-  top: 40px;
+  display: flex;
+  justify-content: flex-end;
+  padding: 8px 24px;
+  margin-bottom: 16px;
 }
 
 .projsearch a {
@@ -382,43 +563,41 @@ th .header {
 }
 
 .commit_search {
-  background: var(--fg);
+  background-color: var(--bg);
 }
 
 .page_nav,
 .list_head,
 .page_path,
 .search {
-  width: 94%;
   color: var(--fg);
   padding: 5px;
-  margin: 0 auto 15px auto;
+  margin: 0 auto 16px auto;
 }
 .page_nav {
   text-align: center;
 }
 
 .history {
-  background: #eaeaea;
+  background-color: var(--bg-alt);
 }
 
 .title {
-  font-size: 2em;
+  font-size: 1.5em;
+  font-family: 'Oxanium', sans-serif;
+  font-weight: 700;
   text-transform: capitalize;
-  margin: 0 auto 15px auto;
+  margin: 0 auto 16px auto;
   padding: 5px;
-  width: 95%;
 }
 
 .readme {
   background: var(--bg-alt);
-  border: 1px solid rgba(var(--border));
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
+  border: 1px solid var(--border);
+  border-radius: 6px;
   box-sizing: border-box;
-  margin: 0 auto 15px auto;
-  padding: 15px;
-  width: 95%;
+  margin: 0 auto 16px auto;
+  padding: 16px;
 }
 
 .readme h1 {
@@ -468,13 +647,15 @@ th .header {
 
 .readme pre,
 .readme code {
-  font-family: 'Red Hat Mono', monospace;
+  font-family: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
+  font-size: 12px;
   margin: 1em 0;
   white-space: pre;
 }
 
 .readme tt, .readme code, .readme kbd, .readme samp {
-  font-family: 'Red Hat Mono', monospace;
+  font-family: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
+  font-size: 85%;
 }
 
 .readme blockquote {
@@ -483,69 +664,74 @@ th .header {
 
 .projects_list,
 .tags {
-  width: 95%;
-  background: var(--bluish-grey);
-  color: var(--light-grey);
-  padding: 5px;
-  margin: 0 auto 15px auto;
+  background-color: var(--bg-alt);
+  color: var(--fg-muted);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  padding: 8px 16px;
+  margin: 0 auto 16px auto;
+  font-size: 12px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
 }
 
 .heads {
-  width: 95%;
   color: var(--fg);
   padding: 5px;
-  margin: 0 auto 15px auto;
+  margin: 0 auto 16px auto;
 }
 
 .header {
   text-transform: capitalize;
-  margin: 0 auto 15px auto;
+  margin: 0 auto 16px auto;
   padding: 5px;
-  width: 95%;
 }
 
 .header .age {
   float: left;
-  color: #000;
-  font-weight: bold;
+  color: var(--fg-muted);
+  font-weight: 600;
   width: 10em;
 }
 
 .title_text {
-  width: 94%;
   background: var(--bg-alt);
   padding: 5px;
   margin: 0 auto 0 auto;
 }
 
 .log_body {
-  width: 94%;
   background: var(--bg-alt);
   padding: 5px;
-  margin: 0 auto 15px auto;
+  margin: 0 auto 16px auto;
 }
 
 .page_body {
-  line-height: 1.4em;
-  width: 94%;
+  line-height: 1.5;
   background: var(--bg-alt);
   padding: 5px;
-  margin: 15px auto 15px auto;
+  margin: 16px auto 16px auto;
 }
 
 .diff_tree {
-  width: 95%;
   background: var(--bg-alt);
   padding: 5px;
-  margin: 0 auto 15px auto;
+  margin: 0 auto 16px auto;
 }
 
 .page_body > .list_head {
-  width: 98.5%;
+  width: 100%;
+  max-width: none;
+  margin-left: 0;
+  margin-right: 0;
 }
 
 .page_body > .diff_tree {
-  width: 99.5%;
+  width: 100%;
+  max-width: none;
+  margin-left: 0;
+  margin-right: 0;
 }
 
 .patch > .header {
@@ -573,65 +759,57 @@ th .header {
 ---------------------------------------------------------------------------- */
 
 span.refs span {
-  color: #707070;
-  display: inline-block;
-  margin: 0;
-  background-color: var(--bg);
-  height: 18px;
-  padding: 0 6px;
-  text-overflow: ellipsis;
+  display: inline-flex;
+  align-items: center;
+  margin: 0 2px;
+  height: 20px;
+  padding: 0 8px;
+  font-size: 11px;
+  border-radius: 3px;
+  background-color: var(--bg-alt);
+  color: var(--fg-muted);
+  border: 1px solid var(--border);
+  vertical-align: middle;
 }
 
 span.refs span.ref {
-  color: #707070;
-  display: inline-block;
-  margin: 0;
-  background-color: var(--bg-alt);
-  height: 18px;
-  padding: 0 6px;
-  text-overflow: ellipsis;
-/* Node vertical */
+  background-color: var(--badge-head-bg);
+  color: var(--badge-head-fg);
+  border-color: var(--badge-head-border);
   background-image: var(--ref-icon);
   background-repeat: no-repeat;
-  padding-left: 18px;
+  background-position: 6px center;
+  background-size: 12px 12px;
+  padding-left: 22px;
 }
 
 span.refs span.tag {
-  color: #707070;
-  display: inline-block;
-  margin: 0;
-  background-color: #ffffab;
-  border: 1px solid #d9d93b;
-  border-radius: 3px;
-  height: 18px;
-  padding: 0 6px;
-  text-overflow: ellipsis;
-/* tag icon */
+  background-color: var(--badge-tag-bg);
+  color: var(--badge-tag-fg);
+  border-color: var(--badge-tag-border);
   background-image: var(--tag-icon);
   background-repeat: no-repeat;
-  padding-left: 18px;
+  background-position: 6px center;
+  background-size: 12px 12px;
+  padding-left: 22px;
 }
 
 span.refs span.head {
-  color: #707070;
-  display: inline-block;
-  margin: 0;
-  background-color: #c4ffc4;
-  border: 1px solid #78ff78;
-  border-radius: 3px;
-  height: 18px;
-  padding: 0 6px;
-  text-overflow: ellipsis;
-/* git branch */
+  background-color: var(--badge-branch-bg);
+  color: var(--badge-branch-fg);
+  border-color: var(--badge-branch-border);
   background-image: var(--branch-icon);
   background-repeat: no-repeat;
-  padding-left: 18px;
+  background-position: 6px center;
+  background-size: 12px 12px;
+  padding-left: 22px;
 }
 
 span.refs a {
-  color: #4e4e4e;
-  font: 11px "Red Hat Mono", "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
-  line-height: 18px;
+  color: inherit;
+  font-family: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
+  font-size: 11px;
+  line-height: 20px;
 }
 
 /* Diffs
@@ -639,12 +817,12 @@ span.refs a {
 
 div.diff.to_file a.path,
 div.diff.to_file {
-  color: #007000;
+  color: var(--color-success);
 }
 
 div.diff.from_file a.path,
 div.diff.from_file {
-  color: #aa0000;
+  color: var(--color-danger);
 }
 
 .patch .header {
@@ -657,25 +835,28 @@ div.diff.from_file {
 }
 
 .chunk_header {
-  background: var(--bg-alt);
-  color: #999;
+  background-color: var(--bg-alt);
+  color: var(--fg-muted);
+  border-top: 1px solid var(--border);
+  font-family: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
+  font-size: 12px;
 }
 
 .rem {
-  background: #ffdddd;
-  color: var(--dark-grey);
+  background-color: var(--diff-rem-bg);
+  color: var(--fg);
 }
 .rem .marked {
-  background: #ffaaaa;
-  color: var(--dark-grey);
+  background-color: var(--diff-rem-word);
+  color: var(--fg);
 }
 .add {
-  background: #ddffdd;
-  color: var(--dark-grey);
+  background-color: var(--diff-add-bg);
+  color: var(--fg);
 }
 .add .marked {
-  background: #7dff7d;
-  color: var(--dark-grey);
+  background-color: var(--diff-add-word);
+  color: var(--fg);
 }
 
 .extended_header {
@@ -690,7 +871,7 @@ div.chunk_block div.old {
   float: left;
   width: 50%;
   overflow: hidden;
-  border-right: 5px solid var(--bg-alt);
+  border-right: 4px solid var(--border);
 }
 
 div.chunk_block.rem,
@@ -711,65 +892,69 @@ div.chunk_block div.new .rem {
 div.chunk_block div.new {
   margin-left: 50%;
   width: 50%;
-  border-left: 5px solid var(--bg-alt);
+  border-left: 4px solid var(--border);
 }
 
 /* Category
 ---------------------------------------------------------------------------- */
 
 td.category {
-  background: var(--accent); /* old browsers */
-  color: var(--dark-grey);
+  background-color: var(--bg-alt);
+  color: var(--fg-muted);
   padding-left: 3em;
-  font-weight: bold;
-  border-bottom: 3px solid rgba(var(--border));
-  border-left: 3px solid rgba(var(--border));
+  font-weight: 600;
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  border-bottom: 1px solid var(--border);
+  border-left: 3px solid var(--accent);
 }
 td.category:before {
-  content: "Category: ";
+  content: "";
 }
+
 /* Age
 ---------------------------------------------------------------------------- */
 
 /* noage: "No commits" */
 .project_list td.noage {
-  color: #cdcdcd;
+  color: var(--fg-subtle);
 }
 
 /* age2: 60*60*24*2 <= age */
 .project_list td.age2, .blame td.age2 {
-  color: #545454;
+  color: var(--fg-muted);
 }
 
 /* age1: 60*60*2 <= age < 60*60*24*2 */
 .project_list td.age1 {
-  color: #009900;
+  color: var(--color-success);
 }
 
 /* age0: age < 60*60*2 */
 .project_list td.age0 {
-  color: #009900;
-  font-weight: bold;
+  color: var(--color-success);
+  font-weight: 600;
 }
 
 /* File status
 ---------------------------------------------------------------------------- */
 
 .diff_tree span.file_status.new {
-  color: #008000;
+  color: var(--color-success);
 }
 
 table.diff_tree span.file_status.deleted {
-  color: #c00000;
+  color: var(--color-danger);
 }
 
 table.diff_tree span.file_status.moved,
 table.diff_tree span.file_status.mode_chnge {
-  color: #545454;
+  color: var(--fg-muted);
 }
 
 table.diff_tree span.file_status.copied {
-  color: #70a070;
+  color: var(--color-success);
 }
 
 span.cntrl {
@@ -780,13 +965,17 @@ span.cntrl {
 }
 
 span.match {
-  background: #aaffaa;
-  color: #000;
+  background-color: var(--color-warning-bg);
+  color: var(--fg);
+  border-radius: 2px;
 }
 
 td.error {
-  color: red;
-  background: yellow;
+  color: var(--color-danger);
+  background-color: var(--color-danger-bg);
+  border: 1px solid var(--color-danger-border);
+  border-radius: 3px;
+  padding: 4px 8px;
 }
 
 /* blob view */
@@ -799,31 +988,33 @@ td.pre, div.pre, div.diff {
 
 .popup { /* timezone selection UI */
        position: absolute;
-       /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
        top: 0; left: 0;
-       border: 1px solid #d8d8d8;
-       padding: 2px;
+       border: 1px solid var(--border);
+       border-radius: 6px;
+       padding: 8px;
        background-color: var(--bg-alt);
+       box-shadow: var(--shadow-md);
        font-style: normal;
-       color: #545454;
+       color: var(--fg);
        cursor: auto;
+       z-index: 100;
 }
 
 .close-button { /* close timezone selection UI without selecting */
-       /* float doesn't work within absolutely positioned container,
-        * if width of container is not set explicitly */
-       /* float: right; */
        position: absolute;
-       top: 0px; right: 0px;
-       border:  1px solid #ffaaaa;
-       margin:  1px 1px 1px 1px;
-       padding-bottom: 2px;
-       width:     12px;
-       height:    10px;
-       font-size:  9px;
-       font-weight: bold;
+       top: 4px; right: 4px;
+       border: 1px solid var(--color-danger-border);
+       border-radius: 3px;
+       margin: 0;
+       padding: 0 4px;
+       width: 16px;
+       height: 16px;
+       font-size: 10px;
+       font-weight: 600;
        text-align: center;
-       background-color: #ffdddd;
+       line-height: 16px;
+       background-color: var(--color-danger-bg);
+       color: var(--color-danger);
        cursor: pointer;
 }
 
@@ -851,16 +1042,20 @@ td.pre, div.pre, div.diff {
 
 /* Header */
 div.site-header {
-  background-color: var(--bg-alt);
+  background-color: var(--bg);
   color: var(--fg);
-  padding: 1em;
+  padding: 16px 24px;
+  border-bottom: 1px solid var(--border);
+  box-shadow: var(--shadow-sm);
 }
 div.site-header h1 {
-  text-transform: uppercase;
-  font-size: 2em;
+  font-family: 'Oxanium', sans-serif;
+  font-size: 20px;
+  font-weight: 700;
+  text-transform: none;
   padding: 0;
   margin: 0;
-  line-height: 2em;
+  line-height: 1.5;
 }
 div.site-header h1 a,
 div.site-header h1 a:hover {
@@ -868,12 +1063,108 @@ div.site-header h1 a:hover {
   color: var(--fg);
 }
 div.site-header h1 img.site-logo {
-  height: 50px;
+  height: 32px;
   width: auto;
   position: relative;
-  top: 15px;
+  top: 8px;
+  margin-right: 8px;
 }
 div.site-header h1 span.evident {
   background-color: var(--accent);
-  color: var(--bg);
+  color: #ffffff;
+  padding: 2px 8px;
+  border-radius: 3px;
+  font-size: 16px;
+}
+
+/* ============================================================
+   Responsive / Mobile
+   ============================================================ */
+
+@media screen and (max-width: 768px) {
+  .page_header,
+  .index_include,
+  .project_list,
+  .shortlog,
+  .commit_search,
+  .history,
+  .page_nav,
+  .list_head,
+  .page_path,
+  .search,
+  .title,
+  .readme,
+  .projects_list,
+  .tags,
+  .heads,
+  .header,
+  .title_text,
+  .log_body,
+  .page_body,
+  .diff_tree {
+    width: calc(100% - 24px);
+  }
+
+  .page_header {
+    font-size: 12px;
+    padding: 0 12px;
+    height: auto;
+    min-height: 44px;
+    line-height: 1.4;
+    display: flex;
+    align-items: center;
+  }
+
+  div.site-header     { padding: 12px 16px; }
+  div.site-header h1  { font-size: 16px; }
+
+  /* Stacked diff instead of side-by-side */
+  div.chunk_block div.old {
+    float: none;
+    width: 100%;
+    border-right: none;
+    border-bottom: 4px solid var(--border);
+  }
+  div.chunk_block div.new {
+    margin-left: 0;
+    width: 100%;
+    border-left: none;
+  }
+
+  .site-footer { flex-direction: column; align-items: flex-start; padding: 16px; }
+
+  .project_list, .shortlog, .tree, .commit_search {
+    overflow-x: auto;
+    display: block;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .page_header,
+  .index_include,
+  .project_list,
+  .shortlog,
+  .commit_search,
+  .history,
+  .page_nav,
+  .list_head,
+  .page_path,
+  .search,
+  .title,
+  .readme,
+  .projects_list,
+  .tags,
+  .heads,
+  .header,
+  .title_text,
+  .log_body,
+  .page_body,
+  .diff_tree {
+    width: 100%;
+    border-radius: 0;
+  }
+
+  td, th { padding: 6px 8px; }
+  div.site-header h1 { font-size: 14px; }
+  div.site-header h1 img.site-logo { height: 24px; top: 6px; }
 }

diff --git a/gitweb-danixland/merge-dark.svg b/gitweb-danixland/merge-dark.svg
index ddb96438ae557606b3969fbf3fc985edcc6b002f..53bca1cef2ce5637eb2ec68a920f6c71fa6fd831 100644 (file)
--- a/gitweb-danixland/merge-dark.svg
+++ b/gitweb-danixland/merge-dark.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#222831" d="M80 104c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24zm32.4 49.2c28-12.4 47.6-40.5 47.6-73.2c0-44.2-35.8-80-80-80S0 35.8 0 80c0 32.8 19.7 61 48 73.3V358.7C19.7 371 0 399.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-32.8-19.7-61-48-73.3V272c26.7 20.1 60 32 96 32h86.7c12.3 28.3 40.5 48 73.3 48c44.2 0 80-35.8 80-80s-35.8-80-80-80c-32.8 0-61 19.7-73.3 48H208c-49.9 0-91-38.1-95.6-86.8zM80 456c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24zM392 272c0 13.3-10.7 24-24 24s-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#1a7f37" d="M80 104c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24zm32.4 49.2c28-12.4 47.6-40.5 47.6-73.2c0-44.2-35.8-80-80-80S0 35.8 0 80c0 32.8 19.7 61 48 73.3V358.7C19.7 371 0 399.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-32.8-19.7-61-48-73.3V272c26.7 20.1 60 32 96 32h86.7c12.3 28.3 40.5 48 73.3 48c44.2 0 80-35.8 80-80s-35.8-80-80-80c-32.8 0-61 19.7-73.3 48H208c-49.9 0-91-38.1-95.6-86.8zM80 456c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24zM392 272c0 13.3-10.7 24-24 24s-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24z"/></svg>
\ No newline at end of file

diff --git a/gitweb-danixland/merge.svg b/gitweb-danixland/merge.svg
index 680d9261b49f315873be5ececab89541bf2f9823..cc89113f25e42c8254dc3739e7dbd2a39923503c 100644 (file)
--- a/gitweb-danixland/merge.svg
+++ b/gitweb-danixland/merge.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#FD7014" d="M80 104c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24zm32.4 49.2c28-12.4 47.6-40.5 47.6-73.2c0-44.2-35.8-80-80-80S0 35.8 0 80c0 32.8 19.7 61 48 73.3V358.7C19.7 371 0 399.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-32.8-19.7-61-48-73.3V272c26.7 20.1 60 32 96 32h86.7c12.3 28.3 40.5 48 73.3 48c44.2 0 80-35.8 80-80s-35.8-80-80-80c-32.8 0-61 19.7-73.3 48H208c-49.9 0-91-38.1-95.6-86.8zM80 456c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24zM392 272c0 13.3-10.7 24-24 24s-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#3fb950" d="M80 104c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24zm32.4 49.2c28-12.4 47.6-40.5 47.6-73.2c0-44.2-35.8-80-80-80S0 35.8 0 80c0 32.8 19.7 61 48 73.3V358.7C19.7 371 0 399.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-32.8-19.7-61-48-73.3V272c26.7 20.1 60 32 96 32h86.7c12.3 28.3 40.5 48 73.3 48c44.2 0 80-35.8 80-80s-35.8-80-80-80c-32.8 0-61 19.7-73.3 48H208c-49.9 0-91-38.1-95.6-86.8zM80 456c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24zM392 272c0 13.3-10.7 24-24 24s-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24z"/></svg>
\ No newline at end of file

diff --git a/gitweb-danixland/opml-dark.svg b/gitweb-danixland/opml-dark.svg
index 6f3ecf9c31a7a1d61b57fbf8b2f720469dbc5df2..2a40ef613b2533545dda31dd8aa9843078e5860f 100644 (file)
--- a/gitweb-danixland/opml-dark.svg
+++ b/gitweb-danixland/opml-dark.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#222831" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM384 160c0 35.3-28.7 64-64 64c-15.4 0-29.5-5.4-40.6-14.5L194.1 256l85.3 46.5c11-9.1 25.2-14.5 40.6-14.5c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64c0-2.5 .1-4.9 .4-7.3L174.5 300c-11.7 12.3-28.2 20-46.5 20c-35.3 0-64-28.7-64-64s28.7-64 64-64c18.3 0 34.8 7.7 46.5 20l81.9-44.7c-.3-2.4-.4-4.9-.4-7.3c0-35.3 28.7-64 64-64s64 28.7 64 64z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#57606a" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM384 160c0 35.3-28.7 64-64 64c-15.4 0-29.5-5.4-40.6-14.5L194.1 256l85.3 46.5c11-9.1 25.2-14.5 40.6-14.5c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64c0-2.5 .1-4.9 .4-7.3L174.5 300c-11.7 12.3-28.2 20-46.5 20c-35.3 0-64-28.7-64-64s28.7-64 64-64c18.3 0 34.8 7.7 46.5 20l81.9-44.7c-.3-2.4-.4-4.9-.4-7.3c0-35.3 28.7-64 64-64s64 28.7 64 64z"/></svg>
\ No newline at end of file

diff --git a/gitweb-danixland/opml.svg b/gitweb-danixland/opml.svg
index 11f8fd9e9436d6e599defe4e0f46da79a0e2b23b..22106a2cabc24e2103c048a30da42f90603566db 100644 (file)
--- a/gitweb-danixland/opml.svg
+++ b/gitweb-danixland/opml.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#FD7014" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM384 160c0 35.3-28.7 64-64 64c-15.4 0-29.5-5.4-40.6-14.5L194.1 256l85.3 46.5c11-9.1 25.2-14.5 40.6-14.5c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64c0-2.5 .1-4.9 .4-7.3L174.5 300c-11.7 12.3-28.2 20-46.5 20c-35.3 0-64-28.7-64-64s28.7-64 64-64c18.3 0 34.8 7.7 46.5 20l81.9-44.7c-.3-2.4-.4-4.9-.4-7.3c0-35.3 28.7-64 64-64s64 28.7 64 64z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#848d97" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM384 160c0 35.3-28.7 64-64 64c-15.4 0-29.5-5.4-40.6-14.5L194.1 256l85.3 46.5c11-9.1 25.2-14.5 40.6-14.5c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64c0-2.5 .1-4.9 .4-7.3L174.5 300c-11.7 12.3-28.2 20-46.5 20c-35.3 0-64-28.7-64-64s28.7-64 64-64c18.3 0 34.8 7.7 46.5 20l81.9-44.7c-.3-2.4-.4-4.9-.4-7.3c0-35.3 28.7-64 64-64s64 28.7 64 64z"/></svg>
\ No newline at end of file

diff --git a/gitweb-danixland/rss-dark.svg b/gitweb-danixland/rss-dark.svg
index 28197d953892888960733696e86e655a4751665b..dbcd89bdaa60c163f58069bd13b849af371a2cee 100644 (file)
--- a/gitweb-danixland/rss-dark.svg
+++ b/gitweb-danixland/rss-dark.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#222831" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM96 136c0-13.3 10.7-24 24-24c137 0 248 111 248 248c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-110.5-89.5-200-200-200c-13.3 0-24-10.7-24-24zm0 96c0-13.3 10.7-24 24-24c83.9 0 152 68.1 152 152c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-57.4-46.6-104-104-104c-13.3 0-24-10.7-24-24zm0 120a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#57606a" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM96 136c0-13.3 10.7-24 24-24c137 0 248 111 248 248c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-110.5-89.5-200-200-200c-13.3 0-24-10.7-24-24zm0 96c0-13.3 10.7-24 24-24c83.9 0 152 68.1 152 152c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-57.4-46.6-104-104-104c-13.3 0-24-10.7-24-24zm0 120a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>
\ No newline at end of file

diff --git a/gitweb-danixland/rss.svg b/gitweb-danixland/rss.svg
index b66b340eed46600ea532f2f38346a88b9b3626f1..5a76c73fd235804fddb4e58f98373123c9d0cb61 100644 (file)
--- a/gitweb-danixland/rss.svg
+++ b/gitweb-danixland/rss.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#FD7014" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM96 136c0-13.3 10.7-24 24-24c137 0 248 111 248 248c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-110.5-89.5-200-200-200c-13.3 0-24-10.7-24-24zm0 96c0-13.3 10.7-24 24-24c83.9 0 152 68.1 152 152c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-57.4-46.6-104-104-104c-13.3 0-24-10.7-24-24zm0 120a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#848d97" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM96 136c0-13.3 10.7-24 24-24c137 0 248 111 248 248c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-110.5-89.5-200-200-200c-13.3 0-24-10.7-24-24zm0 96c0-13.3 10.7-24 24-24c83.9 0 152 68.1 152 152c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-57.4-46.6-104-104-104c-13.3 0-24-10.7-24-24zm0 120a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>
\ No newline at end of file

diff --git a/gitweb-danixland/tag-dark.svg b/gitweb-danixland/tag-dark.svg
index 8c9c044fca0d96075b2d6efa32af9f44f22c22c1..7d665f47f6779742efc393cd09ca45d3b4a2e36f 100644 (file)
--- a/gitweb-danixland/tag-dark.svg
+++ b/gitweb-danixland/tag-dark.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#222831" d="M0 80V229.5c0 17 6.7 33.3 18.7 45.3l176 176c25 25 65.5 25 90.5 0L418.7 317.3c25-25 25-65.5 0-90.5l-176-176c-12-12-28.3-18.7-45.3-18.7H48C21.5 32 0 53.5 0 80zm112 32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#7d4e00" d="M0 80V229.5c0 17 6.7 33.3 18.7 45.3l176 176c25 25 65.5 25 90.5 0L418.7 317.3c25-25 25-65.5 0-90.5l-176-176c-12-12-28.3-18.7-45.3-18.7H48C21.5 32 0 53.5 0 80zm112 32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>
\ No newline at end of file

diff --git a/gitweb-danixland/tag.svg b/gitweb-danixland/tag.svg
index 2cae17a3200cfab12f8c26e957e4c3602900b26c..7d8dfb6e8a6dc7f1583592fde133c0077e43bc72 100644 (file)
--- a/gitweb-danixland/tag.svg
+++ b/gitweb-danixland/tag.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#FD7014" d="M0 80V229.5c0 17 6.7 33.3 18.7 45.3l176 176c25 25 65.5 25 90.5 0L418.7 317.3c25-25 25-65.5 0-90.5l-176-176c-12-12-28.3-18.7-45.3-18.7H48C21.5 32 0 53.5 0 80zm112 32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#d29922" d="M0 80V229.5c0 17 6.7 33.3 18.7 45.3l176 176c25 25 65.5 25 90.5 0L418.7 317.3c25-25 25-65.5 0-90.5l-176-176c-12-12-28.3-18.7-45.3-18.7H48C21.5 32 0 53.5 0 80zm112 32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>
\ No newline at end of file

diff --git a/header.html b/header.html
index bb0ae95e09a9e5d3d14420ab9abd955afe14a138..b052637b88d82d8c1f0c4b54246d5097c3901779 100644 (file)
--- a/header.html
+++ b/header.html
@@ -1,7 +1,7 @@
-<div class="site-header">
+<div class="site-header" role="banner">
        <h1>
                <a href="https://git.danix.xyz/">
-                       <img src="static/git-logo.png" height="50" alt="danix" class="site-logo" />
+                       <img src="static/git-logo.png" height="32" alt="danix" class="site-logo" />
                        <span class="evident">danix</span>'s git repository
                </a>
        </h1>

diff --git a/site-desc.html b/site-desc.html
index 0d6201363a31b2eb677c0472834b1ca8692db614..bbdec56c605a097d39fe232b373308a07fd17cbf 100644 (file)
--- a/site-desc.html
+++ b/site-desc.html
@@ -6,10 +6,10 @@
         <p>
                 Feel free to have a look at the code I've written and don't hesitate to <a href="https://danix.xyz/is/here/">drop me a few lines</a> if you want to.
         </p>
-        <p style="margin-top: 1.5rem;">
+        <p class="welcome-close">
                 I wish you a great day!
         </p>
-        <p style="text-align: right; margin-top: -50px; padding-right: 3rem;">
+        <p class="signature-wrap">
                 <img height="100" width="200" src="static/signature.png" alt="danix's signature" />
         </p>
 </div>