Hugoifier

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