| 1 | [data-md-color-scheme="default"] {
|
| 2 | --md-default-bg-color: #fff7ec;
|
| 3 | --md-primary-fg-color: #000000;
|
| 4 | --md-typeset-a-color: #0099ff;
|
| 5 | --md-code-bg-color: #e7e7e7;
|
| 6 | }
|
| 7 |
|
| 8 | [data-md-color-scheme="slate"] {
|
| 9 | --md-primary-fg-color: #000000;
|
| 10 | --md-default-fg-color: #fff7ec;
|
| 11 | --md-default-bg-color: #111111;
|
| 12 | }
|
| 13 |
|
| 14 | .clickable-banner {
|
| 15 | color: #000000;
|
| 16 | }
|
| 17 | /*
|
| 18 | .md-main__inner.md-grid,
|
| 19 | .md-grid {
|
| 20 | max-width: 64rem;
|
| 21 | } */
|
| 22 |
|
| 23 | @media screen and (min-width: 1220px) {
|
| 24 | .md-main__inner.md-grid,
|
| 25 | .md-grid {
|
| 26 | max-width: 64rem;
|
| 27 | }
|
| 28 | }
|
| 29 |
|
| 30 | .md-typeset h1,
|
| 31 | .md-typeset h2,
|
| 32 | .md-typeset h3 {
|
| 33 | font-weight: 400;
|
| 34 | color: var(
|
| 35 | --md-primary-fg-color-dark
|
| 36 | ); /* this actually works for both light and dark themes */
|
| 37 | }
|
| 38 |
|
| 39 | .gif-container-styled {
|
| 40 | max-width: 600px;
|
| 41 | border: 1px solid #ccc;
|
| 42 | border-radius: 10px;
|
| 43 | padding: 10px;
|
| 44 | }
|
| 45 |
|