ScuttleBot

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