diff --git a/grid-automode.css b/grid-automode.css
new file mode 100644
index 0000000..d2d295e
--- /dev/null
+++ b/grid-automode.css
@@ -0,0 +1,4 @@
+@import 'grid.css';
+@media (prefers-color-scheme: dark) {
+  @import 'grid-darkmode.css';
+}
diff --git a/grid-darkmode.css b/grid-darkmode.css
new file mode 100644
index 0000000..534b3ce
--- /dev/null
+++ b/grid-darkmode.css
@@ -0,0 +1,2 @@
+@import 'grid.css';
+@import 'darkmode.css';
diff --git a/grid.css b/grid.css
new file mode 100644
index 0000000..e6b41ca
--- /dev/null
+++ b/grid.css
@@ -0,0 +1,50 @@
+@import 'common.css';
+
+table {
+  margin-top: 2rem;
+  white-space: initial;
+}
+
+table tbody {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+table tr {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  width: 6.5rem;
+  padding: 0.5rem;
+}
+
+table tr.indexhead,
+table tr .indexcollastmod,
+table tr .indexcolsize {
+  display: none;
+}
+
+table tr .indexcolicon img {
+  max-width: 100%;
+}
+
+table td {
+  padding: 0;
+}
+
+table tr .indexcolname a {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  width: 5.5rem;
+}
+
+table tr .indexcolname a,
+table tr .indexcolname a:hover {
+  border: none;
+}
+
+table tr .indexcolname {
+  font-size: 0.875rem;
+  padding-top: 0.125rem;
+}
diff --git a/table-automode.css b/table-automode.css
new file mode 100644
index 0000000..9971903
--- /dev/null
+++ b/table-automode.css
@@ -0,0 +1,4 @@
+@import 'table.css';
+@media (prefers-color-scheme: dark) {
+  @import 'table-darkmode.css';
+}
diff --git a/table.css b/table.css
new file mode 100644
index 0000000..642aaed
--- /dev/null
+++ b/table.css
@@ -0,0 +1,59 @@
+@import 'common.css';
+
+table tr {
+  padding: 0 0.25rem;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
+}
+
+table tr.indexhead {
+  border-bottom-color: rgba(0, 0, 0, 0.1);
+}
+
+table tr .indexcolname {
+  width: 100%;
+}
+
+table tr.indexhead,
+table tr.indexhead:hover {
+  background-color: transparent;
+}
+
+table tr.indexhead a {
+  font-weight: normal;
+  font-size: 0.875rem;
+}
+
+table tr .indexcolname a,
+table tr .indexcollastmod a,
+table tr .indexcolsize a {
+  border-bottom: 1px solid transparent;
+}
+
+table tr .indexcolname a:hover,
+table tr .indexcollastmod a:hover,
+table tr .indexcolsize a:hover {
+  border-bottom: 1px solid currentColor;
+}
+
+table tr.even-parentdir a {
+  font-weight: 500;
+}
+
+table tr .indexcollastmod,
+table tr .indexcolsize {
+  padding: 0.5rem 1.5rem;
+  font-size: 0.875rem;
+}
+
+table th,
+table td {
+  padding: 0.375rem;
+}
+
+table tr .indexcolsize {
+  text-align: right;
+}
+
+table tr .indexcolicon img {
+  width: 2rem;
+}