git-repo-styles

 /*  This program is free software: you can redistribute it and/or modify
     it under the terms of the GNU General Public License as published by
     the Free Software Foundation, either version 3 of the License, or
     (at your option) any later version.
 
     This program is distributed in the hope that it will be useful,
     but WITHOUT ANY WARRANTY; without even the implied warranty of
     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
     GNU General Public License for more details.
 
     You should have received a copy of the GNU General Public License
     along with this program. If not, see <https://www.gnu.org/licenses/>. */
 
 :root {
   --lighter-background: #1a2533;
   --light-background: #101822;
   --dark-background: #070d15;
   --foreground: #dfdfdf;
   --accent: #ff6b9c;
 }
 
 body {
   margin: 0;
   padding: 1em;
 
   color: var(--foreground);
   background: var(--light-background);
 
   font-size: 12.5pt;
   text-align: left;
   font-family: sans-serif;
 }
 
 @media (min-width: 800px) {
   body {
     padding: 1em 15vw;
   }
 }
 
 main {
   padding: 1em 0;
 }
 
 p {
   margin-top: 1em;
 }
 
 a {
   color: var(--foreground);
 }
 
 h1, h2, h3, h4, h5, h6 {
   color: var(--accent);
   margin: 1rem 0;
   text-align: left;
 }
 
 ul, ol {
   padding: 0;
 }
 
 ul {
   margin-left: 1em;
   list-style-type: disc;
 }
 
 ol {
   margin-left: 2em;
   list-style-type: decimal;
 }
 
 ul li::marker, ol li::marker {
   font-weight: bold;
   font-style: normal;
   color: var(--accent);
 }
 
 dt {
   font-weight: bold;
 }
 
 dd {
   margin-left: 1em;
 }
 
 footer {
   text-align: center;
 }
 
 table {
   width: 100%;
   border-collapse: collapse;
 }
 
 td {
   line-height: 1.75em;
   padding: 0 .5em;
 }
 
 thead td {
   font-weight: bold;
 }
 
 tbody td {
   font-family: monospace;
 }
 
 thead tr, tbody tr:nth-child(2n) {
   background: var(--lighter-background);
 }
 
 main > *:first-child, #readme > *:first-child {
   margin-top: 0;
 }
 
 main > *:last-child, #readme > *:last-child {
   margin-bottom: 0;
 }
 
 header nav img {
   position: relative;
   top: 0.3rem;
   width: 1.2rem;
   height: 1.2rem;
   margin-right: .5rem;
 }
 
 main nav {
   margin: 1em 0;
 }
 
 main nav * {
   margin: 0;
 }
 
 main nav ul {
   list-style: none;
 }
 
 main nav ul li {
   display: inline;
   font-weight: bold;
   padding-right: .5em;
 }
 
 main nav ul li a {
   text-decoration: none;
 }
 
 main nav li.nav-selected a {
   color: var(--accent);
 }
 
 .article-list article, #readme {
   background: var(--dark-background);
   padding: 1em;
   margin: .5em 0;
 }
 
 .article-list article h4 {
   margin: 0;
   margin-bottom: .5em;
   font-size: 1rem;
 }
 
 .article-list article > p:last-child {
   margin-bottom: 0;
 }
 
 .article-list article h4 a, header nav a {
   color: var(--accent);
   font-weight: bold;
   text-decoration: none;
 }
 
 .article-list article h4 a:hover {
   text-decoration: underline;
 }
 
 .article-list article h4 {
   border-bottom: 1px solid var(--accent);
   font-size: 1em;
 }
 
 .article-list article time {
   display: inline-block;
   float: right;
   color: var(--dark-background);
   background: var(--foreground);
   padding: 0 10px;
   maring-top: 10px;
 }
 
 .table-container {
   max-width: 100%;
   overflow-x: scroll;
   scrollbar-width: none;
 }
 
 .table-container::-webkit-scrollbar {
   display: none;
 }
 
 .codeblock {
   background: var(--dark-background);
   border-left: 5px solid var(--accent);
 
   overflow-x: scroll;
   scrollbar-width: none;
 
   margin: 1em 0;
 }
 
 .codeblock::-webkit-scrollbar {
   display: none;
 }
 
 #readme .codeblock {
   background: var(--light-background);
 }
 
 .codeblock pre {
   margin: 1em;
   width: min-content;
 }
 
 .line {
   color: var(--accent);
   font-weight: bold;
   text-decoration: none;
 }
 
 .line:hover {
   text-decoration: underline;
 }
 
 .commit {
   margin-top: 1em;
   padding: 1em;
   background: var(--dark-background);
   overflow-wrap: break-word;
 }
 
 .commit > :first-child {
   margin-top: 0;
 }
 
 .commit > :last-child {
   margin-bottom: 0;
 }
 
 .d {
   color: #ff0a38;
   text-decoration: none;
 }
 
 .i {
   color: #00e639;
   text-decoration: none;
 }
 
 .h {
   color: var(--accent);
   font-weight: bold;
 }