PlanOpticon

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