/* Globals */ :root { --sidebar-width: 300px; --sidebar-resize-indicator-width: 8px; --sidebar-resize-indicator-space: 2px; --page-padding: 15px; --content-max-width: 750px; --container-max-width: 1500px; --menu-bar-height: 64px; --footer-height: 75px; --mono-font: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace; --code-font-size: 0.875em /* please adjust the ace font size accordingly in editor.js */ } /* Themes */ .ayu { --bg: hsl(210, 25%, 8%); --fg: #c5c5c5; --sidebar-bg: #14191f; --sidebar-fg: #c8c9db; --sidebar-non-existant: #5c6773; --sidebar-active: #ffb454; --sidebar-spacer: #2d334f; --scrollbar: var(--sidebar-fg); --icons: #737480; --icons-hover: #b7b9cc; --links: #0096cf; --inline-code-color: #ffb454; --theme-popup-bg: #14191f; --theme-popup-border: #5c6773; --theme-hover: #191f26; --quote-bg: hsl(226, 15%, 17%); --quote-border: hsl(226, 15%, 22%); --warning-border: #ff8e00; --table-border-color: hsl(210, 25%, 13%); --table-header-bg: hsl(210, 25%, 28%); --table-alternate-bg: hsl(210, 25%, 11%); --searchbar-border-color: #848484; --searchbar-bg: #424242; --searchbar-fg: #fff; --searchbar-shadow-color: #d4c89f; --searchresults-header-fg: #666; --searchresults-border-color: #888; --searchresults-li-bg: #252932; --search-mark-bg: #e3b171; --color-scheme: dark; /* Same as `--icons` */ --copy-button-filter: invert(45%) sepia(6%) saturate(621%) hue-rotate(198deg) brightness(99%) contrast(85%); /* Same as `--sidebar-active` */ --copy-button-filter-hover: invert(68%) sepia(55%) saturate(531%) hue-rotate(341deg) brightness(104%) contrast(101%); } .coal { --bg: hsl(200, 7%, 8%); --fg: #98a3ad; --sidebar-bg: #292c2f; --sidebar-fg: #a1adb8; --sidebar-non-existant: #505254; --sidebar-active: #3473ad; --sidebar-spacer: #393939; --scrollbar: var(--sidebar-fg); --icons: #43484d; --icons-hover: #b3c0cc; --links: #2b79a2; --inline-code-color: #c5c8c6; --theme-popup-bg: #141617; --theme-popup-border: #43484d; --theme-hover: #1f2124; --quote-bg: hsl(234, 21%, 18%); --quote-border: hsl(234, 21%, 23%); --warning-border: #ff8e00; --table-border-color: hsl(200, 7%, 13%); --table-header-bg: hsl(200, 7%, 28%); --table-alternate-bg: hsl(200, 7%, 11%); --searchbar-border-color: #aaa; --searchbar-bg: #b7b7b7; --searchbar-fg: #000; --searchbar-shadow-color: #aaa; --searchresults-header-fg: #666; --searchresults-border-color: #98a3ad; --searchresults-li-bg: #2b2b2f; --search-mark-bg: #355c7d; --color-scheme: dark; /* Same as `--icons` */ --copy-button-filter: invert(26%) sepia(8%) saturate(575%) hue-rotate(169deg) brightness(87%) contrast(82%); /* Same as `--sidebar-active` */ --copy-button-filter-hover: invert(36%) sepia(70%) saturate(503%) hue-rotate(167deg) brightness(98%) contrast(89%); } .light, html:not(.js) { --bg: hsl(0, 0%, 100%); --fg: hsl(0, 0%, 0%); --sidebar-bg: #fafafa; --sidebar-fg: hsl(0, 0%, 0%); --sidebar-non-existant: #aaaaaa; --sidebar-active: #1f1fff; --sidebar-spacer: #f4f4f4; --scrollbar: #8F8F8F; --icons: #747474; --icons-hover: #000000; --links: #20609f; --inline-code-color: #301900; --theme-popup-bg: #fafafa; --theme-popup-border: #cccccc; --theme-hover: #e6e6e6; --quote-bg: hsl(197, 37%, 96%); --quote-border: hsl(197, 37%, 91%); --warning-border: #ff8e00; --table-border-color: hsl(0, 0%, 95%); --table-header-bg: hsl(0, 0%, 80%); --table-alternate-bg: hsl(0, 0%, 97%); --searchbar-border-color: #aaa; --searchbar-bg: #fafafa; --searchbar-fg: #000; --searchbar-shadow-color: #aaa; --searchresults-header-fg: #666; --searchresults-border-color: #888; --searchresults-li-bg: #e4f2fe; --search-mark-bg: #a2cff5; --color-scheme: light; /* Same as `--icons` */ --copy-button-filter: invert(45.49%); /* Same as `--sidebar-active` */ --copy-button-filter-hover: invert(14%) sepia(93%) saturate(4250%) hue-rotate(243deg) brightness(99%) contrast(130%); } .navy { --bg: hsl(226, 23%, 11%); --fg: #bcbdd0; --sidebar-bg: #282d3f; --sidebar-fg: #c8c9db; --sidebar-non-existant: #505274; --sidebar-active: #2b79a2; --sidebar-spacer: #2d334f; --scrollbar: var(--sidebar-fg); --icons: #737480; --icons-hover: #b7b9cc; --links: #2b79a2; --inline-code-color: #c5c8c6; --theme-popup-bg: #161923; --theme-popup-border: #737480; --theme-hover: #282e40; --quote-bg: hsl(226, 15%, 17%); --quote-border: hsl(226, 15%, 22%); --warning-border: #ff8e00; --table-border-color: hsl(226, 23%, 16%); --table-header-bg: hsl(226, 23%, 31%); --table-alternate-bg: hsl(226, 23%, 14%); --searchbar-border-color: #aaa; --searchbar-bg: #aeaec6; --searchbar-fg: #000; --searchbar-shadow-color: #aaa; --searchresults-header-fg: #5f5f71; --searchresults-border-color: #5c5c68; --searchresults-li-bg: #242430; --search-mark-bg: #a2cff5; --color-scheme: dark; /* Same as `--icons` */ --copy-button-filter: invert(51%) sepia(10%) saturate(393%) hue-rotate(198deg) brightness(86%) contrast(87%); /* Same as `--sidebar-active` */ --copy-button-filter-hover: invert(46%) sepia(20%) saturate(1537%) hue-rotate(156deg) brightness(85%) contrast(90%); } .rust { --bg: hsl(60, 9%, 87%); --fg: #262625; --sidebar-bg: #3b2e2a; --sidebar-fg: #c8c9db; --sidebar-non-existant: #505254; --sidebar-active: #e69f67; --sidebar-spacer: #45373a; --scrollbar: var(--sidebar-fg); --icons: #737480; --icons-hover: #262625; --links: #2b79a2; --inline-code-color: #6e6b5e; --theme-popup-bg: #e1e1db; --theme-popup-border: #b38f6b; --theme-hover: #99908a; --quote-bg: hsl(60, 5%, 75%); --quote-border: hsl(60, 5%, 70%); --warning-border: #ff8e00; --table-border-color: hsl(60, 9%, 82%); --table-header-bg: #b3a497; --table-alternate-bg: hsl(60, 9%, 84%); --searchbar-border-color: #aaa; --searchbar-bg: #fafafa; --searchbar-fg: #000; --searchbar-shadow-color: #aaa; --searchresults-header-fg: #666; --searchresults-border-color: #888; --searchresults-li-bg: #dec2a2; --search-mark-bg: #e69f67; /* Same as `--icons` */ --copy-button-filter: invert(51%) sepia(10%) saturate(393%) hue-rotate(198deg) brightness(86%) contrast(87%); /* Same as `--sidebar-active` */ --copy-button-filter-hover: invert(77%) sepia(16%) saturate(1798%) hue-rotate(328deg) brightness(98%) contrast(83%); } @media (prefers-color-scheme: dark) { html:not(.js) { --bg: hsl(200, 7%, 8%); --fg: #98a3ad; --sidebar-bg: #292c2f; --sidebar-fg: #a1adb8; --sidebar-non-existant: #505254; --sidebar-active: #3473ad; --sidebar-spacer: #393939; --scrollbar: var(--sidebar-fg); --icons: #43484d; --icons-hover: #b3c0cc; --links: #2b79a2; --inline-code-color: #c5c8c6; --theme-popup-bg: #141617; --theme-popup-border: #43484d; --theme-hover: #1f2124; --quote-bg: hsl(234, 21%, 18%); --quote-border: hsl(234, 21%, 23%); --warning-border: #ff8e00; --table-border-color: hsl(200, 7%, 13%); --table-header-bg: hsl(200, 7%, 28%); --table-alternate-bg: hsl(200, 7%, 11%); --searchbar-border-color: #aaa; --searchbar-bg: #b7b7b7; --searchbar-fg: #000; --searchbar-shadow-color: #aaa; --searchresults-header-fg: #666; --searchresults-border-color: #98a3ad; --searchresults-li-bg: #2b2b2f; --search-mark-bg: #355c7d; --color-scheme: dark; /* Same as `--icons` */ --copy-button-filter: invert(26%) sepia(8%) saturate(575%) hue-rotate(169deg) brightness(87%) contrast(82%); /* Same as `--sidebar-active` */ --copy-button-filter-hover: invert(36%) sepia(70%) saturate(503%) hue-rotate(167deg) brightness(98%) contrast(89%); } } .hacktricks-dark { --bg: hsl(0, 0%, 11%); --fg: #ffffff; --menu-bar-link-color: #b8b8b8; --menu-bar-link-color-hover: #ffffff; --sidebar-bg: hsl(0, 0%, 11%); --sidebar-bg-hover: #2f2f2f; --sidebar-fg: #c0c0c0; --sidebar-non-existant: #505274; --sidebar-active: #496dff; --sidebar-spacer: #2d334f; --scrollbar: var(--sidebar-fg); --icons: #ffffff; --icons-hover: #b7b9cc; --links: #496dff; --inline-code-color: #c5c8c6; --theme-popup-bg: #161923; --theme-popup-border: #737480; --theme-hover: #2f2f2f; --quote-bg: hsl(226, 15%, 17%); --quote-border: hsl(226, 15%, 22%); --warning-border: #ff8e00; --table-border-color: #2f2f2f; --table-header-bg: #2f2f2f; --table-alternate-bg: #222222; --searchbar-border-color: #2f2f2f; --searchbar-bg: hsl(0, 0%, 11%); --searchbar-fg: #ffffff; --searchbar-shadow-color: #aaa; --searchresults-header-fg: #b7b9cc; --searchresults-border-color: #2f2f2f; --searchresults-li-bg: hsl(0, 0%, 11%); --search-mark-bg: #a2cff5; --sponsor-fg: #cfcdcd; --color-scheme: dark; /* Same as `--icons` */ --copy-button-filter: invert(51%) sepia(10%) saturate(393%) hue-rotate(198deg) brightness(86%) contrast(87%); /* Same as `--sidebar-active` */ --copy-button-filter-hover: invert(46%) sepia(20%) saturate(1537%) hue-rotate(156deg) brightness(85%) contrast(90%); .mdbook-alerts-note { --mdbook-alerts-color: rgba(1, 1, 1, 0.04) !important; --mdbook-alerts-color-link: rgb(73, 109, 255) !important; --mdbook-alerts-color-link-hover: rgb(112, 139, 250) !important; } .mdbook-alerts-tip { --mdbook-alerts-color: rgba(34, 197, 94, 0.08) !important; --mdbook-alerts-color-link: rgb(74 222 128) !important; --mdbook-alerts-color-link-hover: rgb(134 239 172) !important; } .mdbook-alerts-important { --mdbook-alerts-color: rgb(130, 80, 223) !important; --mdbook-alerts-color-link: rgb(130, 80, 223) !important; --mdbook-alerts-color-link-hover: rgb(130, 80, 223) !important; } .mdbook-alerts-warning { --mdbook-alerts-color: rgba(249, 115, 22, 0.08) !important; --mdbook-alerts-color-link: rgba(249, 115, 22, 0.08) !important; --mdbook-alerts-color-link-hover: rgba(249, 115, 22, 0.08) !important; } .mdbook-alerts-caution { --mdbook-alerts-color: rgba(239, 68, 68, 0.08) !important; --mdbook-alerts-color-link: rgb(248 113 113) !important; --mdbook-alerts-color-link-hover: rgb(252 165 165) !important; } } .hacktricks-light { --bg: hsl(0, 0%, 100%); --fg: hsl(0, 0%, 0%); --menu-bar-link-color: #747474; --menu-bar-link-color-hover: #000000; --sidebar-bg: #fff; --sidebar-bg-hover: ##f6f6f6; --sidebar-fg: hsl(0, 0%, 0%); --sidebar-non-existant: #aaaaaa; --sidebar-active: #496dff; --sidebar-spacer: #f4f4f4; --scrollbar: #8F8F8F; --icons: #747474; --icons-hover: #000000; --links: #496dff; --inline-code-color: #301900; --theme-popup-bg: #fafafa; --theme-popup-border: #cccccc; --theme-hover: ##f6f6f6; --quote-bg: hsl(197, 37%, 96%); --quote-border: hsl(197, 37%, 91%); --warning-border: #ff8e00; --table-border-color: hsl(0, 0%, 95%); --table-header-bg: hsl(0, 0%, 95%); --table-alternate-bg: hsl(0, 0%, 97%); --searchbar-border-color: #aaa; --searchbar-bg: #fafafa; --searchbar-fg: #000; --searchbar-shadow-color: #aaa; --searchresults-header-fg: #666; --searchresults-border-color: #888; --searchresults-li-bg: #e4f2fe; --search-mark-bg: #a2cff5; --sponsor-fg: #333333; --color-scheme: light; /* Same as `--icons` */ --copy-button-filter: invert(45.49%); /* Same as `--sidebar-active` */ --copy-button-filter-hover: invert(14%) sepia(93%) saturate(4250%) hue-rotate(243deg) brightness(99%) contrast(130%); .mdbook-alerts-note { --mdbook-alerts-color: rgba(0.098353, 0.098353, 0.098353, 0.04) !important; --mdbook-alerts-color-link: rgb(9, 105, 218) !important; --mdbook-alerts-color-link-hover: rgb(9, 105, 218) !important; } .mdbook-alerts-tip { --mdbook-alerts-color: rgba(34, 197, 94, 0.08) !important; --mdbook-alerts-color-link: rgb(22 101 52) !important; --mdbook-alerts-color-link-hover: rgb(20 83 45) !important; } .mdbook-alerts-important { --mdbook-alerts-color: rgb(130, 80, 223) !important; --mdbook-alerts-color-link: rgb(130, 80, 223) !important; --mdbook-alerts-color-link-hover: rgb(130, 80, 223) !important; } .mdbook-alerts-warning { --mdbook-alerts-color: rgba(249, 115, 22, 0.08) !important; --mdbook-alerts-color-link: rgba(249, 115, 22, 0.08) !important; --mdbook-alerts-color-link-hover: rgba(249, 115, 22, 0.08) !important; } .mdbook-alerts-caution { --mdbook-alerts-color: rgba(239, 68, 68, 0.08) !important; --mdbook-alerts-color-link: rgb(153 27 27) !important; --mdbook-alerts-color-link-hover: rgb(127 29 29) !important; } }