:root {
--ifm-color-primary: #2e8555;
--ifm-color-primary-dark: #29784c;
--ifm-color-primary-darker: #277148;
--ifm-color-primary-darkest: #205d3b;
--ifm-color-primary-light: #33925d;
--ifm-color-primary-lighter: #359962;
--ifm-color-primary-lightest: #3cad6e;
--ifm-code-font-size: 95%;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}
[data-theme='dark'] {
--ifm-color-primary: #25c2a0;
--ifm-color-primary-dark: #21af90;
--ifm-color-primary-darker: #1fa588;
--ifm-color-primary-darkest: #1a8870;
--ifm-color-primary-light: #29d5b0;
--ifm-color-primary-lighter: #32d8b4;
--ifm-color-primary-lightest: #4fddbf;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}
.markdown {
--ifm-h1-font-size: 2.5rem;
--ifm-h2-font-size: 2rem;
--ifm-h3-font-size: 1.5rem;
}
pre {
border-radius: 8px;
}
table {
display: table;
width: 100%;
margin: 1rem 0;
}
.feature {
padding: 2rem;
text-align: center;
}
.feature h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.command-example {
background-color: var(--ifm-code-background);
border-radius: 4px;
padding: 0.2rem 0.4rem;
font-family: var(--ifm-font-family-monospace);
font-size: 0.9em;
}
.badge {
display: inline-block;
padding: 0.25rem 0.5rem;
margin: 0.25rem;
border-radius: 4px;
font-size: 0.875rem;
font-weight: 600;
}
.badge--primary {
background-color: var(--ifm-color-primary);
color: white;
}
.badge--secondary {
background-color: var(--ifm-color-secondary);
color: white;
}
.hero {
background-color: var(--ifm-hero-background-color);
color: var(--ifm-hero-text-color);
padding: 4rem 0;
text-align: center;
}
.hero__title {
font-size: 3rem;
margin-bottom: 1rem;
}
.hero__subtitle {
font-size: 1.5rem;
margin-bottom: 2rem;
}
.button {
display: inline-block;
padding: 0.75rem 1.5rem;
margin: 0.5rem;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
}
.button--primary {
background-color: var(--ifm-color-primary);
color: white;
}
.button--primary:hover {
background-color: var(--ifm-color-primary-dark);
color: white;
text-decoration: none;
}
.button--secondary {
background-color: transparent;
color: var(--ifm-color-primary);
border: 2px solid var(--ifm-color-primary);
}
.button--secondary:hover {
background-color: var(--ifm-color-primary);
color: white;
text-decoration: none;
}