n8n-docs/docs/_extra/css/extra.css

@font-face {
    font-family: "Moderat-Regular-Web";
    src: url("./Moderat-Regular-Web/Moderat-Regular.woff");
}
@font-face {
    font-family: "Moderat-Regular-Web";
    src: url("./Moderat-Bold-Web/Moderat-Bold.woff");
    font-weight: bold;
}
@font-face {
    font-family: "Moderat-Regular-Web";
    src: url("./Moderat-Regular-Italic-Web/Moderat-Regular-Italic.woff");
    font-style: italic;
}


:root {
    --color-primary: hsl(170, 69%, 35%);
    --color-primary-shade-1: hsl(170, 69%, 30%);
    --color-text-base: #58585F; 
    --color-text-dark: #555555;
    --color-background-base: #f2f4f8;
    --color-background-dark: #101330;
    --color-background-darker: hsl( 240, 4.2%, 14% );
    --color-background-light: #f2f4f8;
    --color-foreground-base: #dbdfe7;

    /* https://squidfunk.github.io/mkdocs-material/setup/changing-the-fonts/?h=font#additional-fonts */
    --md-text-font: "Moderat-Regular-Web";
}



  /* light mode */

[data-md-color-scheme="light"] {
--md-default-fg-color--light: var(--color-text-dark);
--md-typeset-color: var(--color-text-base);
--md-typeset-a-color: var(--color-primary);
--md-accent-fg-color: var(--color-primary-shade-1);
--md-footer-bg-color: var(--color-background-base);
--md-footer-fg-color: var(--color-text-base);
--md-footer-bg-color--dark: var(--color-background-dark);
--md-primary-bg-color: var(--color-text-dark);
--md-primary-fg-color: var(--color-background-dark);
}

[data-md-color-scheme="light"] .md-tabs__link--active {
    font-weight: 600;
}

[data-md-color-scheme="light"] .md-header[data-md-state=shadow] {
    box-shadow: none;
}

[data-md-color-scheme="light"] .md-typeset h1, .md-typeset h2, .md-typeset h3 {
    font-weight: 600;
}

[data-md-color-scheme="light"] .md-header{
    box-shadow: none;
    background-color: var(--color-background-dark);
    color: white;
}
[data-md-color-scheme="light"] .md-tabs{
    background-color: var(--color-background-dark);
    color: white; 
}

[data-md-color-scheme="light"] .md-search__input {
    border: 1px solid var(--color-foreground-base);
    background-color: white;
} 

[data-md-color-scheme="light"] .md-search__input::placeholder {
    color: var(--color-text-dark);
    opacity: 1;
}

.md-typeset {
    font-size: 0.9rem;
}

.md-nav {
    font-size: 0.8rem;
}

.md-tabs__link {
    font-size: 0.8rem;
}

/* Ensure manage settings button is visible */
.md-typeset .md-consent__controls .md-button {
    background-color: var(--md-primary-fg-color);
    border-color: var(--md-primary-fg-color);
    color: var(--color-background-light);
}


/* new features box on release notes */ 

.n8n-new-features {
    background-color: var(--color-background-light);
    border: 1px solid var(--color-foreground-base);
    padding: 1em;
}

.n8n-new-features > h4 {
    margin-top: 0;
}

.n8n-new-features + .n8n-new-features {
    margin-top: 1em;
}

/* preserve the logo and site title on page scroll */

.md-header__topic:first-child {
    font-weight: 500;
}

.md-header__topic, .md-header__topic+.md-header__topic, .md-header__title--active .md-header__topic {
    transform: none;
    transition: none;
    opacity: 1;
}

/* better table behaviour */

.md-typeset table:not([class]) td:first-of-type {
    white-space: pre;
}

/* bigger font in table */

.md-typeset table:not([class]) {
	font-size: 0.75rem
}

/* img borders */

.md-typeset img, .md-typeset svg, .md-typeset video {
	border: 1px solid #DBDFE7;
	border-radius: 4px;
}

img:not(.inline-image > .md-typeset img) {
	border: none;
}

/* dark mode */  
/* [data-md-color-scheme="dark"] .md-header{
    box-shadow: none;
    background-color: var(--color-background-darker);
}
[data-md-color-scheme="dark"] .md-tabs{
    background-color: var(--color-background-darker);
}

[data-md-color-scheme="dark"] {
    --md-primary-fg-color: var(--color-grey-900);
    --md-default-bg-color: var(--color-background-dark);
    --md-default-fg-color--light: var(--color-green);
    --md-typeset-color: #eaeaea;
    --md-typeset-a-color: var(--color-primary);
    --md-accent-fg-color: var(--color-primary-shade-1);
    --md-admonition-fg-color: #eaeaea; 
    --md-typeset-table-color: #eaeaea;
    --md-code-bg-color: var(--color-background-light);
}

[data-md-color-scheme="dark"] .md-header {
    box-shadow: none;
}

[data-md-color-scheme="dark"] .highlighttable .linenodiv pre {
    color: var(--color-text-base);
}
*/
/* search */
/*
[data-md-color-scheme="dark"] [data-md-toggle=search]:checked~.md-header .md-search__form {
    background-color: var(--color-background-base);
}

[data-md-color-scheme="dark"] .md-search__scrollwrap {
    background-color: var(--color-background-base);
}

[data-md-color-scheme="dark"] .md-nav--secondary {
    border-left: 1px solid var(--color-primary);
} */

code {
	tab-size: 2;
}

/* n8n classes */

.inline-image {
    display:inline-block;
    max-width: 25px;
    max-height: 25px;
    vertical-align: middle;
}