diff --git a/copyparty/httpcli.py b/copyparty/httpcli.py
index 156c2ef6..14338280 100644
--- a/copyparty/httpcli.py
+++ b/copyparty/httpcli.py
@@ -5282,7 +5282,7 @@ class HttpCli(object):
         # chrome cannot handle more than ~2000 unique SVGs
         # so url-param "raster" returns a png/webp instead
         # (useragent-sniffing kinshi due to caching proxies)
-        mime, ico = self.conn.hsrv.ico.get(txt, not small, "raster" in self.uparam)
+        mime, ico = self.conn.hsrv.ico.get(txt, not small, "raster" in self.uparam, self.uparam.get('a'))
 
         lm = formatdate(self.E.t0)
         self.reply(ico, mime=mime, headers={"Last-Modified": lm})
diff --git a/copyparty/ico.py b/copyparty/ico.py
index 15341134..021a2c4a 100644
--- a/copyparty/ico.py
+++ b/copyparty/ico.py
@@ -15,7 +15,7 @@ class Ico(object):
     def __init__(self, args: argparse.Namespace) -> None:
         self.args = args
 
-    def get(self, ext: str, as_thumb: bool, chrome: bool) -> tuple[str, bytes]:
+    def get(self, ext: str, as_thumb: bool, chrome: bool, accent: str) -> tuple[str, bytes]:
         """placeholder to make thumbnails not break"""
 
         bext = ext.encode("ascii", "replace")
@@ -24,7 +24,7 @@ class Ico(object):
         if PY2:
             zb = [ord(x) for x in zb]  # type: ignore
 
-        c1 = colorsys.hsv_to_rgb(zb[0] / 256.0, 1, 0.3)
+        c1 = colorsys.hsv_to_rgb(zb[0] / 256.0, 1, 1)
         c2 = colorsys.hsv_to_rgb(zb[0] / 256.0, 0.5 if HAVE_PILF else 1, 0.9)
         ci = [int(x * 255) for x in list(c1) + list(c2)]
         c = "".join(["%02x" % (x,) for x in ci])
@@ -90,14 +90,14 @@ class Ico(object):
                 img.save(buf, format="PNG", compress_level=1)
                 return "image/png", buf.getvalue()
 
-        svg = """\
-<?xml version="1.0" encoding="UTF-8"?>
-<svg version="1.1" viewBox="0 0 100 {}" xmlns="http://www.w3.org/2000/svg"><g>
-<rect width="100%" height="100%" fill="#{}" />
-<text x="50%" y="{}" dominant-baseline="middle" text-anchor="middle" xml:space="preserve"
-  fill="#{}" font-family="monospace" font-size="14px" style="letter-spacing:.5px">{}</text>
-</g></svg>
-"""
+#         svg = """\
+# <?xml version="1.0" encoding="UTF-8"?>
+# <svg version="1.1" viewBox="0 0 100 {}" xmlns="http://www.w3.org/2000/svg"><g>
+# <rect width="100%" height="100%" fill="#{}" />
+# <text x="50%" y="{}" dominant-baseline="middle" text-anchor="middle" xml:space="preserve"
+#   fill="#{}" font-family="monospace" font-size="14px" style="letter-spacing:.5px">{}</text>
+# </g></svg>
+# """
 
         txt = html_escape(ext, True)
         if "\n" in txt:
@@ -107,8 +107,51 @@ class Ico(object):
             zs = '<tspan x="50%%" dy="1.2em">%s</tspan>'
             txt = "".join([zs % (x,) for x in lines])
         else:
-            y = "50%"
+            y = "55%"
 
         svg = svg.format(h, c[:6], y, c[6:], txt)
 
+        if(len(ext) > 3):
+            fontsz = 12 / len(ext) * 3
+        else:
+            fontsz = 12
+
+        svg = """\
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+    viewBox="0 0 48 48"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill="#{}aa"
+    d="m 28.22643,3.6905246 0.0063,10.1096644 a 1.6331061,1.6331061 44.698111 0 0 1.649296,1.632007 l 9.339558,-0.09259 z"/>
+  <path
+    class="a"
+    d="M39.5,15.5h-9a2,2,0,0,1-2-2v-9h-18a2,2,0,0,0-2,2v35a2,2,0,0,0,2,2h27a2,2,0,0,0,2-2Z"
+    id="path1" 
+    stroke-width="1" fill="none" stroke="{}" stroke-linecap="round" stroke-linejoin="round" />
+  <line
+    class="a"
+    x1="28.5"
+    y1="4.5"
+    x2="39.5"
+    y2="15.5"
+    stroke-width="1" fill="none" stroke="{}" stroke-linecap="round" stroke-linejoin="round" />
+  <text
+    font-size="{}px" dominant-baseline="middle" text-anchor="middle" xml:space="preserve"
+    fill="{}" font-family="monospace" style="letter-spacing:.5px"
+    x="50%" y="{}">{}</text>
+</svg>
+"""
+        svg = svg.format(c[:6], accent, accent, fontsz, accent, y, txt)
+
+        if(txt == 'folder'):
+            svg = """\
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 7C3 5.89543 3.89543 5 5 5L8.67157 5C9.20201 5 9.71071 5.21071 10.0858 5.58579L10.9142 6.41421C11.2893 6.78929 11.798 7 12.3284 7H19C20.1046 7 21 7.89543 21 9V17C21 18.1046 20.1046 19 19 19H5C3.89543 19 3 18.1046 3 17V7Z" fill="{}"/>
+</svg>
+"""
+            svg = svg.format(accent)
+
         return "image/svg+xml", svg.encode("utf-8")
diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index c708bb6b..7cbdf72f 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -956,6 +956,7 @@ tr.play td:nth-child(1) a {
 }
 #ggrid>a img {
 	z-index: 1;
+	background: var(--bg);
 	border-radius: 5px;
 	border-radius: calc(var(--radius) / 3 * 2);
 	max-width: 10em;
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index 7f2e2feb..f6004c1b 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -6447,6 +6447,9 @@ var thegrid = (function () {
 			if (CHROME)
 				ihref += "&raster";
 
+			var accent = getComputedStyle(document.body).getPropertyValue('--a');
+			ihref += '&a=' + accent;
+
 			html.push('<a href="' + ohref + '" ref="' + ref +
 				'" class="' + ac + '" ttt="' + esc(name) + '">' +
 				'<div class="imgcontainer">' +