primevue-mirror/assets/styles/layout/variables/main/_light.scss

42 lines
1.7 KiB
SCSS

:root {
--primary-text-color:var(--p-primary-600);
--primary-color: var(--p-primary-color);
--primary-inverse-color:var(--p-primary-inverse-color);
--primary-hover-color: var(--p-primary-hover-color);
--text-color: var(--p-surface-700);
--text-secondary-color: var(--p-surface-500);
--glow-image: url(https://www.primefaces.org/cdn/primevue/images/layout/pattern.png);
--glow-blend: hard-light, multiply;
--topbar-sticky-background:rgba(255,255,255,.7);
--mobile-menu-background: #ffffff;
--card-border: 1px solid var(--p-surface-200);
--card-background: #ffffff;
--border-color: var(--p-surface-200);
--ground-background: var(--p-surface-50);
--overlay-background: #ffffff;
--hover-background: var(--p-surface-100);
--code-background: var(--p-surface-950);
--high-contrast-text-color: var(--p-surface-900);
--hover-border-color: var(--p-surface-400);
--mark-background: var(--p-surface-200);
--mark-text-color: var(--p-surface-700);
--selection-background: var(--p-surface-200);
--selection-text-color: var(--p-surface-950);
--code-button-text-color: var(--p-surface-300);
--docsearch-mask-background: var(--p-mask-background);
}
/* Compat */
:root {
--surface-0: var(--p-surface-0);
--surface-50: var(--p-surface-50);
--surface-100: var(--p-surface-100);
--surface-200: var(--p-surface-200);
--surface-300: var(--p-surface-300);
--surface-400: var(--p-surface-400);
--surface-500: var(--p-surface-500);
--surface-600: var(--p-surface-600);
--surface-700: var(--p-surface-700);
--surface-800: var(--p-surface-800);
--surface-900: var(--p-surface-900);
}