BoilerWorks

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