mirror of
https://github.com/dralkh/spaceforge.git
synced 2026-07-22 06:45:03 +00:00
65 lines
2.4 KiB
CSS
65 lines
2.4 KiB
CSS
/* Spaceforge - CSS Variables & Theme Integration */
|
|
|
|
:root {
|
|
/* Primary theme colors - will inherit from Obsidian theme */
|
|
--sf-primary: var(--interactive-accent, #5e81ac);
|
|
--sf-primary-light: color-mix(in srgb, var(--sf-primary), white 75%); /* Adjusted for less white in light mode */
|
|
--sf-primary-dark: color-mix(in srgb, var(--sf-primary), black 20%);
|
|
--sf-secondary: var(--text-accent, #7ba1df);
|
|
|
|
/* Semantic colors */
|
|
--sf-success: #4caf50;
|
|
--sf-success-light: rgba(76, 175, 80, 0.15); /* Adjusted opacity */
|
|
--sf-warning: #ff9800;
|
|
--sf-warning-light: rgba(255, 152, 0, 0.15); /* Adjusted opacity */
|
|
--sf-danger: #f44336;
|
|
--sf-danger-light: rgba(244, 67, 54, 0.15); /* Adjusted opacity */
|
|
--sf-info: #2196f3;
|
|
--sf-info-light: rgba(33, 150, 243, 0.15); /* Adjusted opacity */
|
|
|
|
/* Text colors */
|
|
--sf-text: var(--text-normal, #333);
|
|
--sf-text-muted: var(--text-muted, #888);
|
|
--sf-text-on-primary: var(--text-on-accent, white);
|
|
|
|
/* Background colors */
|
|
--sf-bg-primary: var(--background-primary, white);
|
|
--sf-bg-secondary: var(--background-secondary, #f5f5f5);
|
|
--sf-bg-modifier: var(--background-modifier-hover);
|
|
|
|
/* Spacing */
|
|
--sf-space-xs: 4px;
|
|
--sf-space-sm: 8px;
|
|
--sf-space-md: 16px;
|
|
--sf-space-lg: 24px;
|
|
--sf-space-xl: 32px;
|
|
|
|
/* Card styling */
|
|
--sf-radius-sm: 4px;
|
|
--sf-radius-md: 8px;
|
|
--sf-radius-lg: 12px;
|
|
--sf-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
--sf-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.12);
|
|
|
|
/* Transitions */
|
|
--sf-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
--sf-transition: 250ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
--sf-transition-bounce: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
}
|
|
|
|
/* Dark mode adjustments */
|
|
.theme-dark {
|
|
--sf-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
|
--sf-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.3);
|
|
--sf-primary-light: color-mix(in srgb, var(--sf-primary), black 65%); /* Adjusted for less black in dark mode */
|
|
--sf-success-light: rgba(76, 175, 80, 0.2); /* Adjusted opacity */
|
|
--sf-warning-light: rgba(255, 152, 0, 0.2); /* Adjusted opacity */
|
|
--sf-danger-light: rgba(244, 67, 54, 0.2); /* Adjusted opacity */
|
|
--sf-info-light: rgba(33, 150, 243, 0.2); /* Adjusted opacity */
|
|
--sf-bg-primary: var(--background-primary-alt);
|
|
--sf-bg-secondary: var(--background-secondary-alt);
|
|
}
|
|
|
|
.theme-dark .mcq-question-text {
|
|
color: var(--text-normal); /* Ensure question text is visible in dark mode */
|
|
}
|