| | @@ -0,0 +1,156 @@ |
| 1 | +/* CONFLICT brand overrides for MkDocs Material */
|
| 2 | +
|
| 3 | +:root {
|
| 4 | + --conflict-red: #DB394C;
|
| 5 | + --conflict-dark-red: #9C2633;
|
| 6 | + --conflict-pink: #FF1D5D;
|
| 7 | + --conflict-black: #1D1D1D;
|
| 8 | + --conflict-black-2: #282828;
|
| 9 | + --conflict-gray: #A8A8A7;
|
| 10 | + --conflict-light: #ECEFF5;
|
| 11 | +}
|
| 12 | +
|
| 13 | +/* Dark scheme (default) */
|
| 14 | +[data-md-color-scheme="slate"] {
|
| 15 | + --md-primary-fg-color: var(--conflict-black);
|
| 16 | + --md-primary-bg-color: #fff;
|
| 17 | + --md-accent-fg-color: var(--conflict-red);
|
| 18 | + --md-default-bg-color: var(--conflict-black);
|
| 19 | + --md-typeset-a-color: var(--conflict-red);
|
| 20 | +}
|
| 21 | +
|
| 22 | +[data-md-color-scheme="slate"] .md-header {
|
| 23 | + background-color: var(--conflict-black);
|
| 24 | + border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
| 25 | +}
|
| 26 | +
|
| 27 | +[data-md-color-scheme="slate"] .md-tabs {
|
| 28 | + background-color: var(--conflict-black-2);
|
| 29 | +}
|
| 30 | +
|
| 31 | +/* Light scheme */
|
| 32 | +[data-md-color-scheme="default"] {
|
| 33 | + --md-primary-fg-color: #fff;
|
| 34 | + --md-primary-bg-color: var(--conflict-black);
|
| 35 | + --md-accent-fg-color: var(--conflict-red);
|
| 36 | + --md-typeset-a-color: var(--conflict-red);
|
| 37 | +}
|
| 38 | +
|
| 39 | +[data-md-color-scheme="default"] .md-header {
|
| 40 | + background-color: #fff;
|
| 41 | + border-bottom: 1px solid var(--conflict-light);
|
| 42 | + color: var(--conflict-black);
|
| 43 | +}
|
| 44 | +
|
| 45 | +[data-md-color-scheme="default"] .md-header .md-header__topic,
|
| 46 | +[data-md-color-scheme="default"] .md-header .md-header__title,
|
| 47 | +[data-md-color-scheme="default"] .md-header .md-ellipsis {
|
| 48 | + color: var(--conflict-black);
|
| 49 | +}
|
| 50 | +
|
| 51 | +[data-md-color-scheme="default"] .md-tabs {
|
| 52 | + background-color: #fafafa;
|
| 53 | + border-bottom: 1px solid var(--conflict-light);
|
| 54 | +}
|
| 55 | +
|
| 56 | +[data-md-color-scheme="default"] .md-tabs__link {
|
| 57 | + color: var(--conflict-black-2);
|
| 58 | +}
|
| 59 | +
|
| 60 | +[data-md-color-scheme="default"] .md-tabs__link--active,
|
| 61 | +[data-md-color-scheme="default"] .md-tabs__link:hover {
|
| 62 | + color: var(--conflict-red);
|
| 63 | +}
|
| 64 | +
|
| 65 | +[data-md-color-scheme="default"] .md-search__input {
|
| 66 | + background-color: var(--conflict-light);
|
| 67 | +}
|
| 68 | +
|
| 69 | +/* Links */
|
| 70 | +.md-typeset a:hover {
|
| 71 | + color: var(--conflict-pink);
|
| 72 | +}
|
| 73 | +
|
| 74 | +/* Nav active items */
|
| 75 | +.md-nav__link--active,
|
| 76 | +.md-nav__link:hover {
|
| 77 | + color: var(--conflict-red) !important;
|
| 78 | +}
|
| 79 | +
|
| 80 | +/* Code blocks */
|
| 81 | +[data-md-color-scheme="slate"] .md-typeset code {
|
| 82 | + background-color: rgba(255, 255, 255, 0.06);
|
| 83 | +}
|
| 84 | +
|
| 85 | +[data-md-color-scheme="slate"] .highlight pre {
|
| 86 | + background-color: #141414 !important;
|
| 87 | + border: 1px solid rgba(255, 255, 255, 0.06);
|
| 88 | + border-radius: 8px;
|
| 89 | +}
|
| 90 | +
|
| 91 | +[data-md-color-scheme="default"] .highlight pre {
|
| 92 | + border: 1px solid var(--conflict-light);
|
| 93 | + border-radius: 8px;
|
| 94 | +}
|
| 95 | +
|
| 96 | +/* Tables */
|
| 97 | +.md-typeset table:not([class]) th {
|
| 98 | + background-color: var(--conflict-red);
|
| 99 | + color: #fff;
|
| 100 | +}
|
| 101 | +
|
| 102 | +[data-md-color-scheme="default"] .md-typeset table:not([class]) th {
|
| 103 | + background-color: var(--conflict-red);
|
| 104 | + color: #fff;
|
| 105 | +}
|
| 106 | +
|
| 107 | +/* Buttons / admonitions */
|
| 108 | +.md-typeset .admonition,
|
| 109 | +.md-typeset details {
|
| 110 | + border-radius: 8px;
|
| 111 | +}
|
| 112 | +
|
| 113 | +/* Footer */
|
| 114 | +.md-footer {
|
| 115 | + border-top: 1px solid rgba(255, 255, 255, 0.08);
|
| 116 | +}
|
| 117 | +
|
| 118 | +[data-md-color-scheme="slate"] .md-footer {
|
| 119 | + background-color: var(--conflict-black);
|
| 120 | +}
|
| 121 | +
|
| 122 | +/* Header logo sizing */
|
| 123 | +.md-header__button.md-logo img,
|
| 124 | +.md-header__button.md-logo svg {
|
| 125 | + height: 1.4rem;
|
| 126 | + width: auto;
|
| 127 | +}
|
| 128 | +
|
| 129 | +/* Scrollbar styling for dark mode */
|
| 130 | +[data-md-color-scheme="slate"] ::-webkit-scrollbar {
|
| 131 | + width: 8px;
|
| 132 | +}
|
| 133 | +
|
| 134 | +[data-md-color-scheme="slate"] ::-webkit-scrollbar-track {
|
| 135 | + background: var(--conflict-black);
|
| 136 | +}
|
| 137 | +
|
| 138 | +[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
|
| 139 | + background: var(--conflict-black-2);
|
| 140 | + border-radius: 4px;
|
| 141 | +}
|
| 142 | +
|
| 143 | +[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb:hover {
|
| 144 | + background: #3a3a3a;
|
| 145 | +}
|
| 146 | +
|
| 147 | +/* Content max width for readability */
|
| 148 | +.md-grid {
|
| 149 | + max-width: 1220px;
|
| 150 | +}
|
| 151 | +
|
| 152 | +/* Hero-style heading on index */
|
| 153 | +.md-typeset h1 {
|
| 154 | + font-weight: 700;
|
| 155 | + letter-spacing: -0.02em;
|
| 156 | +}
|