Better Tables

Commit info

Add screenshot 2

Description

A theme that enhances the display of HTML tables by giving them a distinct alternating background colour, defined cells with borders, and a generous amount of padding within the cells.

Previews

Code

To use this theme, paste this into your custom CSS:

@import url("https://css.gomuks.app/theme/better-tables.css");

Full CSS:

.html-body {
    table {
        border-collapse: collapse;
        display: table;
        border-spacing: 0;
    }

    table th {
        border: 2px solid var(--border-color);
    }

    table tr {
        background-color: var(--timeline-hover-bg-color);
    }

    table tr:nth-child(2n) {
        background-color: var(--background-color)
    }

    table td {
        padding: 0.5rem;
        border: 1px solid var(--border-color)
    }
}