mfahampshire
98149dde87
* Simplified landing page card layout, centered text, switched to raw layout on index page for theming flexibility. * Tweak theme
137 lines
2.7 KiB
CSS
137 lines
2.7 KiB
CSS
/* nym.com-aligned colour tokens */
|
|
:root {
|
|
--colorPrimary: #85E89D;
|
|
--textPrimary: #FFFFFF;
|
|
--bg-dark: #1E2426;
|
|
--border-dark: #2E3538;
|
|
}
|
|
|
|
/* dark mode background override */
|
|
html.dark {
|
|
background-color: var(--bg-dark);
|
|
}
|
|
|
|
html.dark body {
|
|
background-color: var(--bg-dark);
|
|
}
|
|
|
|
/* nextra main content area bg */
|
|
html.dark .nextra-nav-container,
|
|
html.dark .nextra-sidebar-container,
|
|
html.dark .nextra-content,
|
|
html.dark .nx-bg-white,
|
|
html.dark .dark\:nx-bg-dark {
|
|
background-color: var(--bg-dark) !important;
|
|
}
|
|
|
|
footer {
|
|
text-align: center;
|
|
}
|
|
|
|
.nextra-code-block > pre {
|
|
/* max-height: 350px !important; */
|
|
max-height: none !important;
|
|
scroll-y: auto !important;
|
|
}
|
|
|
|
/* set width entire div */
|
|
.nx-mx-auto.nx-flex.nx-max-w-\[90rem\] {
|
|
max-width: 110rem;
|
|
left-padding: 1%;
|
|
}
|
|
|
|
.nextra-toc {
|
|
width: 10px !important;
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
/* text-align: right; */
|
|
border-left: 1px solid var(--border-dark);
|
|
}
|
|
|
|
.nextra-content {
|
|
padding-top: 0 !important;
|
|
padding-right: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
padding-left: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
:is(html[class~="dark"] .dark\:nx-bg-primary-300\/10) {
|
|
background-color: hsl(var(black) 100% 77%/0.1) !important;
|
|
}
|
|
|
|
/* Sidebar active item */
|
|
:is(html .dark\:nx-bg-primary-400\/10) {
|
|
background: transparent !important;
|
|
border-left: 2px solid #85E89D;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
:is(html:not(.dark) .dark\:nx-bg-primary-400\/10) {
|
|
background: transparent !important;
|
|
border-left: 2px solid #4A9E5C;
|
|
color: #242B2D !important;
|
|
}
|
|
|
|
.nextra-sidebar-container {
|
|
border-right: 1px solid var(--border-dark);
|
|
width: 300px !important;
|
|
}
|
|
|
|
.nextra-sidebar {
|
|
column-width: 500px;
|
|
}
|
|
|
|
/* Links*/
|
|
.nx-text-primary-600.nx-underline.nx-decoration-from-font {
|
|
color: var(--colorPrimary) !important;
|
|
}
|
|
|
|
.MuiTypography-root.MuiTypography-inherit.MuiLink-root.MuiLink-underlineAlways.css-1xr3c94-MuiTypography-root-MuiLink-root {
|
|
color: var(--colorPrimary) !important;
|
|
}
|
|
|
|
/* Chips*/
|
|
.chipContained {
|
|
background-color: var(--colorPrimary) !important;
|
|
}
|
|
|
|
/* Buttons */
|
|
.MuiButton-root {
|
|
color: var(--colorPrimary) !important;
|
|
border-color: var(--colorPrimary) !important;
|
|
}
|
|
|
|
.MuiButton-root:hover {
|
|
color: white !important;
|
|
background-color: var(--colorPrimary) !important;
|
|
}
|
|
|
|
.MuiCircularProgress-root {
|
|
color: var(--colorPrimary) !important;
|
|
}
|
|
|
|
.nextra-scrollbar.nx-sticky {
|
|
color: var(--colorPrimary) !important;
|
|
}
|
|
|
|
.nx-text-primary-600 {
|
|
color: var(--colorPrimary) !important;
|
|
}
|
|
|
|
input:focus-visible {
|
|
--tw-ring-shadow: var(--colorPrimary) !important;
|
|
}
|
|
|
|
.Mui-focused > fieldset {
|
|
border-color: var(--colorPrimary) !important;
|
|
}
|
|
|
|
a.MuiLink-root {
|
|
color: var(--colorPrimary) !important;
|
|
}
|
|
|
|
.MuiPaper-root.MuiAccordion-root {
|
|
border-radius: 8px;
|
|
}
|