mirror of
https://github.com/dralkh/spaceforge.git
synced 2026-07-22 06:45:03 +00:00
e80dfda20d
JS/TS: - Replace builtin-modules with node:module (esbuild.config.mjs) - Replace fs-extra with native fs (install.js), remove from deps - Fix createEl deprecation: use createDiv/createSpan - Remove unnecessary type assertions, fix unsafe casts - Bind event handlers with arrow functions CSS: - Remove all !important declarations (~30 instances) — replace with chained selectors (.class.class) for equal specificity - Merge all duplicate selectors across 7 CSS files (~50+ instances) - Convert 3-digit hex to 6-digit format (_variables.css) - Fix duplicate CSS properties (overflow-y in mcq.css) - Delete leftover display:none suppression rule in calendar.css Meta: - Bump version to 1.0.5 - Update minAppVersion to 1.8.7 - Add versions.json entry for 1.0.5
75 lines
3 KiB
CSS
75 lines
3 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 */
|
|
|
|
/* Overdue colors - softer than error red */
|
|
--sf-overdue-accent: #ff8c42; /* Warm orange/amber */
|
|
--sf-overdue-bg: rgba(255, 140, 66, 0.08); /* Very light orange tint */
|
|
|
|
/* Recurring colors - aligned with other button backgrounds */
|
|
--sf-recurring-accent: var(--interactive-accent, #5e81ac); /* Use same accent color as other buttons */
|
|
--sf-recurring-accent-hover: color-mix(in srgb, var(--interactive-accent, #5e81ac), white 85%); /* Lighter version for hover */
|
|
--sf-recurring-bg: rgba(94, 129, 172, 0.05); /* Very light blue tint to match accent */
|
|
|
|
/* Text colors */
|
|
--sf-text: var(--text-normal, #333333);
|
|
--sf-text-muted: var(--text-muted, #888888);
|
|
--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-overdue-bg: rgba(255, 140, 66, 0.12); /* Slightly more visible in dark mode */
|
|
--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 */
|
|
}
|