FossilRepo

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

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button