mirror of
https://github.com/n8n-io/n8n-docs.git
synced 2025-11-20 17:48:34 +00:00
138 lines
3.7 KiB
CSS
138 lines
3.7 KiB
CSS
|
|
:root {
|
|
--color-primary: hsl( 6.9, 100%, 67.6% );
|
|
--color-primary-shade-1: hsl( 6.9, 100%, 62% );
|
|
|
|
--color-text-base: #58585F;
|
|
--color-text-dark: #555555;
|
|
|
|
--color-background-base: #f2f4f8;
|
|
--color-background-dark: #2e2e32;
|
|
--color-background-darker: hsl( 240, 4.2%, 14% );
|
|
--color-background-light: hsl( 220, 27.3%, 96%);
|
|
|
|
--color-foreground-base: #dbdfe7;
|
|
|
|
|
|
--color-green-500: #20B69E;
|
|
--color-green-600: #176363;
|
|
--color-black: #101330;
|
|
--color-grey-900: #40425E;
|
|
--color-red-500: #EA4B71;
|
|
--color-red-600: #BF2F52;
|
|
--color-red-600-muted: rgba(191, 47, 81, 0.5);
|
|
|
|
}
|
|
|
|
.n8n-new-features {
|
|
background-color: var(--color-background-light);
|
|
border: 1px solid var(--color-foreground-base);
|
|
padding: 1em;
|
|
}
|
|
|
|
.n8n-new-features > h3 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* light mode */
|
|
[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-light);
|
|
}
|
|
[data-md-color-scheme="light"] .md-tabs{
|
|
background-color: var(--color-background-light);
|
|
|
|
}
|
|
|
|
[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;
|
|
}
|
|
/* border on TOC */
|
|
/* [data-md-color-scheme="light"] .md-nav--secondary {
|
|
border-left: 1px solid var(--color-primary);
|
|
} */
|
|
|
|
[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-light);
|
|
}
|
|
|
|
/* 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);
|
|
} */ |