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

26 lines
1.3 KiB
SCSS
Raw Normal View History

2024-02-07 10:15:47 +00:00
:root[class="p-dark"] {
2024-02-11 21:25:50 +00:00
--primary-text-color:var(--p-primary-400);
--primary-color: var(--p-primary-color);
--primary-inverse-color:var(--p-primary-inverse-color);
2024-02-12 15:03:19 +00:00
--text-color: var(--p-surface-0);
--text-secondary-color: var(--p-surface-400);
2024-02-07 12:14:37 +00:00
--glow-image: url(https://www.primefaces.org/cdn/primevue/images/layout/pattern.png), radial-gradient(50% 50% at center -25px, var(--p-primary-color) 0%, #000000 100%);
2023-10-19 19:09:48 +00:00
--glow-blend: hard-light, color-dodge;
2024-02-11 21:25:50 +00:00
--topbar-sticky-background:rgba(0,0,0,.3);
--mobile-menu-background: rgba(0,0,0,.3);
--card-border: 1px solid transparent;
--card-background: var(--p-surface-900);
2024-03-26 08:22:52 +00:00
--border-color: var(--p-surface-700);
2024-02-11 21:25:50 +00:00
--ground-background: var(--p-surface-950);
--overlay-background: var(--p-surface-900);
--hover-background: var(--p-surface-800);
--code-background: var(--p-surface-900);
--high-contrast-text-color: var(--p-surface-0);
2024-03-26 08:22:52 +00:00
--hover-border-color: var(--p-surface-500);
--mark-background: var(--p-surface-700);
--mark-text-color: var(--p-surface-200);
--selection-background: color-mix(in srgb, var(--primary-color), transparent 84%);
2024-02-11 21:25:50 +00:00
--selection-text-color: rgba(255,255,255,.87);
--code-button-text-color: var(--p-surface-300);
2024-03-26 08:22:52 +00:00
--docsearch-mask-background: var(--p-mask-background);
2023-10-14 19:24:59 +00:00
}