|
1 | 1 | :root { |
2 | | - /* Primary colors (UChicago Maroon) */ |
3 | | - --md-primary-fg-color: #800000; /* UChicago Maroon */ |
4 | | - --md-primary-fg-color--light: #a52a2a; /* Lighter maroon */ |
5 | | - --md-primary-fg-color--dark: #4a0000; /* Darker maroon */ |
| 2 | + /* Primary colors (Harvard Crimson) */ |
| 3 | + --md-primary-fg-color: #A51C30; |
| 4 | + /* Harvard Crimson */ |
| 5 | + --md-primary-fg-color--light: #C41E3A; |
| 6 | + /* Lighter Harvard Crimson */ |
| 7 | + --md-primary-fg-color--dark: #8B0000; |
| 8 | + /* Darker Harvard Crimson */ |
6 | 9 |
|
7 | | - /* Accent colors (Black & White for contrast) */ |
8 | | - --md-accent-fg-color: #000000; /* Black */ |
9 | | - --md-accent-fg-color--light: #333333; /* Dark gray */ |
10 | | - --md-accent-fg-color--dark: #ffffff; /* White */ |
| 10 | + /* Accent colors (Harvard Black & White for contrast) */ |
| 11 | + --md-accent-fg-color: #000000; |
| 12 | + /* Harvard Black */ |
| 13 | + --md-accent-fg-color--light: #333333; |
| 14 | + /* Dark gray */ |
| 15 | + --md-accent-fg-color--dark: #ffffff; |
| 16 | + /* White */ |
11 | 17 |
|
12 | 18 | /* Background and text */ |
13 | | - --md-default-bg-color: #ffffff; /* White background */ |
14 | | - --md-default-fg-color: #212121; /* Dark text */ |
15 | | - |
16 | | - /* Custom link colors */ |
17 | | - --md-typeset-a-color: #800000; /* Default link color (Maroon) */ |
18 | | - --md-typeset-a-color--hover: #a52a2a; /* Lighter Maroon on hover */ |
| 19 | + --md-default-bg-color: #ffffff; |
| 20 | + /* White background */ |
| 21 | + --md-default-fg-color: #212121; |
| 22 | + /* Dark text */ |
| 23 | + |
| 24 | + /* Custom link colors (Harvard Crimson variants) */ |
| 25 | + --md-typeset-a-color: #A51C30; |
| 26 | + /* Harvard Crimson for links */ |
| 27 | + --md-typeset-a-color--hover: #C41E3A; |
| 28 | + /* Lighter Harvard Crimson on hover */ |
19 | 29 | } |
20 | 30 |
|
21 | 31 | /* Explicitly style hovered links */ |
|
26 | 36 |
|
27 | 37 | .md-typeset a:hover { |
28 | 38 | color: var(--md-typeset-a-color--hover); |
29 | | - text-decoration: underline; /* Optional: Adds an underline on hover */ |
| 39 | + text-decoration: underline; |
| 40 | + /* Optional: Adds an underline on hover */ |
30 | 41 | } |
31 | 42 |
|
32 | 43 | /* Sidebar link color (default state) */ |
33 | 44 | .md-nav__link { |
34 | | - color: var(--md-primary-fg-color); /* UChicago Maroon */ |
| 45 | + color: var(--md-primary-fg-color); |
| 46 | + /* Harvard Crimson */ |
35 | 47 | } |
36 | 48 |
|
37 | 49 | /* Sidebar link on hover */ |
38 | 50 | .md-nav__link:hover { |
39 | | - color: var(--md-primary-fg-color--light); /* Lighter Maroon */ |
| 51 | + color: var(--md-primary-fg-color--light); |
| 52 | + /* Lighter Harvard Crimson */ |
40 | 53 | } |
41 | 54 |
|
42 | 55 | /* Active sidebar link (current page) */ |
43 | 56 | .md-nav__link--active { |
44 | | - color: var(--md-primary-fg-color--dark); /* Darker Maroon */ |
| 57 | + color: var(--md-primary-fg-color--dark); |
| 58 | + /* Darker Harvard Crimson */ |
45 | 59 | font-weight: bold; |
46 | 60 | } |
0 commit comments