1@import 'colours';
 2
 3table {
 4  @media (prefers-color-scheme: dark) {
 5    color: darken($darkModeHighlightColour, 20%);
 6  }
 7
 8  border-collapse: collapse;
 9
10  th {
11    text-align: left;
12  }
13}
14
15table.repositories {
16  width: 100%;
17
18  a {
19    color: black;
20
21    @media (prefers-color-scheme: dark) {
22      color: darken($darkModeHighlightColour, 15%);
23    }
24
25    &:hover {
26      color: #00f;
27
28      @media (prefers-color-scheme: dark) {
29        color: darken($darkModeHighlightColour, 15%);
30        text-decoration: underline;
31      }
32    }
33  }
34
35  tbody {
36    tr {
37      height: 1.3rem;
38      vertical-align: middle;
39
40      &:nth-child(odd) {
41        background: #f7f7f7;
42
43        @media (prefers-color-scheme: dark) {
44          background: #111;
45        }
46      }
47
48      &:nth-child(even) {
49        background: #e1e1e1;
50
51        @media (prefers-color-scheme: dark) {
52          background: none;
53        }
54      }
55
56      &.no-background {
57        background: none;
58      }
59
60      &.has-parent td:first-of-type {
61        padding-left: 1rem;
62      }
63
64      td.repo-section {
65        font-style: italic;
66        color: #888;
67      }
68
69      &.separator {
70        background: none !important;
71        height: 1rem;
72      }
73    }
74
75    pre {
76      margin: 0;
77    }
78  }
79
80  .nested-tree {
81    color: blue !important;
82    font-weight: bold;
83
84    @media (prefers-color-scheme: dark) {
85      color: $darkModeTextColour !important;
86    }
87  }
88}
89
90table.commit-info {
91  td, th {
92    padding: 0.1em 1em 0.1em 0.1em;
93  }
94}