@plannotator/ui 0.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +60 -0
- package/assets/diff-options.png +0 -0
- package/assets/icon-codex.png +0 -0
- package/assets/look-flat.png +0 -0
- package/assets/look-grid.png +0 -0
- package/assets/review-sections.png +0 -0
- package/assets/review-tree.png +0 -0
- package/assets/workspaces.webp +0 -0
- package/components/AISettingsTab.tsx +145 -0
- package/components/ActionMenu.tsx +101 -0
- package/components/AgentControls.tsx +216 -0
- package/components/AgentsTab.tsx +1294 -0
- package/components/AnnotationPanel.tsx +731 -0
- package/components/AnnotationSidebar.tsx +86 -0
- package/components/AnnotationToolbar.tsx +323 -0
- package/components/AnnotationToolstrip.tsx +355 -0
- package/components/ApproveDropdown.tsx +170 -0
- package/components/AttachmentsButton.tsx +410 -0
- package/components/BlockRenderer.tsx +163 -0
- package/components/BorderTrail.tsx +38 -0
- package/components/CodeFilePicker.tsx +64 -0
- package/components/CodeFilePopout.tsx +602 -0
- package/components/CodePathValidationContext.tsx +14 -0
- package/components/CommentPopover.tsx +512 -0
- package/components/CompletionOverlay.tsx +99 -0
- package/components/ConfirmDialog.tsx +128 -0
- package/components/DocBadges.tsx +231 -0
- package/components/EditorAnnotationCard.tsx +65 -0
- package/components/ExportModal.tsx +565 -0
- package/components/FloatingQuickLabelPicker.tsx +144 -0
- package/components/GitHubIcon.tsx +16 -0
- package/components/GitLabIcon.tsx +30 -0
- package/components/GraphvizBlock.tsx +511 -0
- package/components/ImageAnnotator/Canvas.tsx +118 -0
- package/components/ImageAnnotator/Toolbar.tsx +218 -0
- package/components/ImageAnnotator/index.tsx +272 -0
- package/components/ImageAnnotator/types.ts +39 -0
- package/components/ImageAnnotator/utils.ts +147 -0
- package/components/ImageThumbnail.tsx +126 -0
- package/components/ImportModal.tsx +146 -0
- package/components/InlineMarkdown.tsx +1094 -0
- package/components/KeyboardShortcuts.tsx +208 -0
- package/components/Landing.tsx +496 -0
- package/components/ListItemBody.tsx +62 -0
- package/components/ListMarker.tsx +73 -0
- package/components/LookAndFeelAnnouncementDialog.tsx +230 -0
- package/components/MarkdownEditor.tsx +44 -0
- package/components/MenuVersionSection.tsx +91 -0
- package/components/MermaidBlock.tsx +579 -0
- package/components/ModeToggle.tsx +68 -0
- package/components/OpenInAppButton.tsx +299 -0
- package/components/OverlayScrollArea.tsx +82 -0
- package/components/PermissionModeSetup.tsx +92 -0
- package/components/PinpointOverlay.tsx +99 -0
- package/components/PlanAIAnnouncementDialog.tsx +187 -0
- package/components/PlanHeaderMenu.tsx +299 -0
- package/components/PopoutDialog.tsx +91 -0
- package/components/Popover.tsx +27 -0
- package/components/ProviderIcons.tsx +51 -0
- package/components/PullRequestIcon.tsx +12 -0
- package/components/QuickLabelDropdown.tsx +63 -0
- package/components/RenderedMarkdown.tsx +54 -0
- package/components/RepoIcon.tsx +12 -0
- package/components/ResizeHandle.tsx +86 -0
- package/components/ReviewAgentsIcon.tsx +18 -0
- package/components/SearchableSelect.tsx +157 -0
- package/components/Settings.tsx +2220 -0
- package/components/SparklesIcon.tsx +45 -0
- package/components/StickyHeaderLane.tsx +260 -0
- package/components/TableOfContents.tsx +157 -0
- package/components/TaterSpritePullup.tsx +34 -0
- package/components/TaterSpriteRunning.tsx +54 -0
- package/components/TaterSpriteSitting.tsx +37 -0
- package/components/TextShimmer.tsx +57 -0
- package/components/ThemeProvider.tsx +162 -0
- package/components/ThemeTab.tsx +139 -0
- package/components/ToolbarButtons.tsx +116 -0
- package/components/Tooltip.tsx +45 -0
- package/components/Viewer.tsx +977 -0
- package/components/ai/AIProviderBar.tsx +95 -0
- package/components/ai/DocumentAIChatPanel.tsx +313 -0
- package/components/blocks/AlertBlock.tsx +58 -0
- package/components/blocks/Callout.tsx +60 -0
- package/components/blocks/CodeBlock.tsx +75 -0
- package/components/blocks/HtmlBlock.tsx +122 -0
- package/components/blocks/MathBlock.tsx +36 -0
- package/components/blocks/TableBlock.tsx +146 -0
- package/components/blocks/TablePopout.tsx +279 -0
- package/components/blocks/TableToolbar.tsx +153 -0
- package/components/blocks/proseBody.tsx +102 -0
- package/components/core/button.tsx +44 -0
- package/components/core/textarea.tsx +26 -0
- package/components/diagramLanguages.ts +14 -0
- package/components/goal-setup/GoalSetupSurface.tsx +1354 -0
- package/components/html-viewer/HtmlViewer.tsx +386 -0
- package/components/html-viewer/bridge-script.ts +505 -0
- package/components/html-viewer/index.ts +1 -0
- package/components/html-viewer/useHtmlAnnotation.ts +400 -0
- package/components/icons/AgentIcons.tsx +66 -0
- package/components/icons/AppIcon.tsx +56 -0
- package/components/icons/MessagesIcon.tsx +11 -0
- package/components/icons/ObsidianIcons.tsx +208 -0
- package/components/icons/app/android-studio.svg +369 -0
- package/components/icons/app/antigravity.svg +97 -0
- package/components/icons/app/cursor.svg +16 -0
- package/components/icons/app/file-explorer.svg +20 -0
- package/components/icons/app/finder.png +0 -0
- package/components/icons/app/ghostty.svg +13 -0
- package/components/icons/app/iterm2.svg +13 -0
- package/components/icons/app/powershell.svg +14 -0
- package/components/icons/app/sublime-text.svg +17 -0
- package/components/icons/app/terminal.png +0 -0
- package/components/icons/app/textmate.png +0 -0
- package/components/icons/app/vscode.svg +39 -0
- package/components/icons/app/warp.png +0 -0
- package/components/icons/app/xcode.png +0 -0
- package/components/icons/app/zed-dark.svg +15 -0
- package/components/icons/app/zed.svg +15 -0
- package/components/icons/themeIcons.tsx +47 -0
- package/components/mermaidSvg.ts +33 -0
- package/components/plan-diff/PlanCleanDiffView.tsx +884 -0
- package/components/plan-diff/PlanDiffBadge.tsx +48 -0
- package/components/plan-diff/PlanDiffModeSwitcher.tsx +103 -0
- package/components/plan-diff/PlanDiffViewer.tsx +214 -0
- package/components/plan-diff/PlanRawDiffView.tsx +102 -0
- package/components/plan-diff/VSCodeIcon.tsx +132 -0
- package/components/settings/HooksTab.tsx +208 -0
- package/components/sidebar/ArchiveBrowser.tsx +98 -0
- package/components/sidebar/CountBadge.tsx +12 -0
- package/components/sidebar/FileBrowser.tsx +498 -0
- package/components/sidebar/MessagesBrowser.tsx +109 -0
- package/components/sidebar/SidebarContainer.tsx +353 -0
- package/components/sidebar/SidebarTabs.tsx +155 -0
- package/components/sidebar/VersionBrowser.tsx +141 -0
- package/components/types.d.ts +7 -0
- package/components/ui/badge.tsx +44 -0
- package/components/ui/button.tsx +83 -0
- package/components/ui/card.tsx +58 -0
- package/components/ui/dialog.tsx +106 -0
- package/components/ui/dropdown-menu.tsx +240 -0
- package/components/ui/state-pill.tsx +45 -0
- package/components/ui/tabs.tsx +46 -0
- package/components/ui/textarea.tsx +25 -0
- package/config/configStore.ts +214 -0
- package/config/index.ts +4 -0
- package/config/reviewView.ts +42 -0
- package/config/settings.ts +310 -0
- package/config/useConfig.ts +20 -0
- package/configure.ts +69 -0
- package/globals.d.ts +14 -0
- package/hooks/pfm/useCodeFilePopout.ts +111 -0
- package/hooks/useAIChat.ts +532 -0
- package/hooks/useAIProviderConfig.ts +115 -0
- package/hooks/useActiveSection.ts +78 -0
- package/hooks/useAgentJobs.ts +306 -0
- package/hooks/useAgentSettings.ts +579 -0
- package/hooks/useAgents.ts +90 -0
- package/hooks/useAnnotationDraft.ts +523 -0
- package/hooks/useAnnotationHighlighter.ts +1170 -0
- package/hooks/useArchive.ts +171 -0
- package/hooks/useAutoClose.ts +104 -0
- package/hooks/useCodeAnnotationDraft.ts +194 -0
- package/hooks/useCodeFilePopout.ts +1 -0
- package/hooks/useDismissOnOutsideAndEscape.ts +50 -0
- package/hooks/useDraggable.ts +108 -0
- package/hooks/useEditorAnnotations.ts +64 -0
- package/hooks/useExternalAnnotationHighlights.ts +105 -0
- package/hooks/useExternalAnnotations.ts +268 -0
- package/hooks/useFileBrowser.ts +402 -0
- package/hooks/useInputMethodSwitch.ts +89 -0
- package/hooks/useIsMobile.ts +17 -0
- package/hooks/useLinkedDoc.ts +494 -0
- package/hooks/useOverlayViewport.ts +36 -0
- package/hooks/usePinpoint.ts +182 -0
- package/hooks/usePlanDiff.ts +176 -0
- package/hooks/usePrintMode.ts +27 -0
- package/hooks/useResizablePanel.ts +173 -0
- package/hooks/useScrollViewport.ts +38 -0
- package/hooks/useSharing.ts +441 -0
- package/hooks/useSidebar.ts +55 -0
- package/hooks/useUpdateCheck.ts +132 -0
- package/hooks/useValidatedCodePaths.ts +94 -0
- package/icons/GitUser.tsx +17 -0
- package/lib/utils.ts +11 -0
- package/package.json +117 -0
- package/plannotator.webp +0 -0
- package/print.css +427 -0
- package/shortcuts/code-review/ai.shortcuts.ts +25 -0
- package/shortcuts/code-review/allFilesDiff.shortcuts.ts +46 -0
- package/shortcuts/code-review/annotationToolbar.shortcuts.ts +30 -0
- package/shortcuts/code-review/fileTree.shortcuts.ts +35 -0
- package/shortcuts/code-review/prComments.shortcuts.ts +18 -0
- package/shortcuts/code-review/suggestionModal.shortcuts.ts +25 -0
- package/shortcuts/code-review/tourDialog.shortcuts.ts +18 -0
- package/shortcuts/core.ts +399 -0
- package/shortcuts/index.ts +21 -0
- package/shortcuts/plan-review/annotationPanel.shortcuts.ts +25 -0
- package/shortcuts/plan-review/annotationToolbar.shortcuts.ts +39 -0
- package/shortcuts/plan-review/commentPopover.shortcuts.ts +21 -0
- package/shortcuts/plan-review/goalSetup.shortcuts.ts +10 -0
- package/shortcuts/plan-review/imageAnnotator.shortcuts.ts +42 -0
- package/shortcuts/plan-review/inputMethod.shortcuts.ts +30 -0
- package/shortcuts/plan-review/sidebar.shortcuts.ts +34 -0
- package/shortcuts/plan-review/viewer.shortcuts.ts +24 -0
- package/shortcuts/runtime.ts +259 -0
- package/sprite_package_additional/index.html +34 -0
- package/sprite_package_additional/sprite.png +0 -0
- package/sprite_package_new/index.html +34 -0
- package/sprite_package_new/sprite.png +0 -0
- package/sprite_package_pulluphang/index.html +34 -0
- package/sprite_package_pulluphang/sprite.png +0 -0
- package/styles.css +1 -0
- package/theme.css +893 -0
- package/themes/adwaita.css +62 -0
- package/themes/andromeeda.css +66 -0
- package/themes/aurora-x.css +66 -0
- package/themes/ayu-dark.css +66 -0
- package/themes/caffeine.css +113 -0
- package/themes/catppuccin.css +62 -0
- package/themes/claude-plus.css +60 -0
- package/themes/cursor-hc.css +34 -0
- package/themes/cursor-midnight.css +34 -0
- package/themes/cursor.css +62 -0
- package/themes/dark-plus.css +66 -0
- package/themes/doom-64.css +109 -0
- package/themes/dracula.css +33 -0
- package/themes/everforest-hard.css +62 -0
- package/themes/everforest-soft.css +62 -0
- package/themes/everforest.css +62 -0
- package/themes/github.css +66 -0
- package/themes/gruvbox.css +62 -0
- package/themes/houston.css +66 -0
- package/themes/kanagawa-dragon.css +34 -0
- package/themes/kanagawa-lotus.css +34 -0
- package/themes/kanagawa-wave.css +34 -0
- package/themes/laserwave.css +66 -0
- package/themes/material.css +62 -0
- package/themes/min.css +66 -0
- package/themes/monokai-pro.css +34 -0
- package/themes/neutral.css +59 -0
- package/themes/night-owl.css +66 -0
- package/themes/nord.css +66 -0
- package/themes/one-dark-pro.css +66 -0
- package/themes/one-light.css +66 -0
- package/themes/paulmillr.css +34 -0
- package/themes/plannotator.css +60 -0
- package/themes/plastic.css +66 -0
- package/themes/poimandres.css +66 -0
- package/themes/quantum-rose.css +109 -0
- package/themes/red.css +66 -0
- package/themes/rose-pine.css +62 -0
- package/themes/simple.css +124 -0
- package/themes/slack.css +66 -0
- package/themes/snazzy-light.css +66 -0
- package/themes/soft-pop.css +60 -0
- package/themes/solar-dusk.css +109 -0
- package/themes/solarized.css +66 -0
- package/themes/synthwave-84.css +34 -0
- package/themes/terminal.css +62 -0
- package/themes/tinacious.css +57 -0
- package/themes/tokyo-night.css +62 -0
- package/themes/vesper.css +62 -0
- package/themes/vitesse-black.css +66 -0
- package/themes/vitesse.css +62 -0
- package/types.ts +264 -0
- package/utils/agentSwitch.ts +71 -0
- package/utils/aiChatFormat.ts +33 -0
- package/utils/aiPrompt.ts +29 -0
- package/utils/aiProvider.ts +217 -0
- package/utils/anchors.ts +11 -0
- package/utils/annotateAgentTerminal.ts +29 -0
- package/utils/annotationHelpers.ts +101 -0
- package/utils/bear.ts +59 -0
- package/utils/blockTargeting.ts +240 -0
- package/utils/callback.ts +99 -0
- package/utils/commentContent.ts +8 -0
- package/utils/defaultNotesApp.ts +20 -0
- package/utils/diffFonts.ts +33 -0
- package/utils/editorMode.ts +31 -0
- package/utils/fileBrowser.ts +40 -0
- package/utils/generateId.ts +7 -0
- package/utils/generateIdentity.ts +29 -0
- package/utils/identity.ts +112 -0
- package/utils/inlineTransforms.ts +41 -0
- package/utils/inputMethod.ts +17 -0
- package/utils/lookAndFeelAnnouncement.ts +18 -0
- package/utils/obsidian.ts +201 -0
- package/utils/octarine.ts +53 -0
- package/utils/parser.ts +991 -0
- package/utils/permissionMode.ts +77 -0
- package/utils/planAIAnnouncement.ts +17 -0
- package/utils/planAgentInstructions.ts +137 -0
- package/utils/planDiffEngine.ts +590 -0
- package/utils/planSave.ts +49 -0
- package/utils/platform.ts +11 -0
- package/utils/quickLabels.ts +77 -0
- package/utils/reviewAgentInstructions.ts +182 -0
- package/utils/sanitizeHtml.ts +45 -0
- package/utils/sharing.ts +350 -0
- package/utils/slugify.ts +37 -0
- package/utils/storage.ts +141 -0
- package/utils/themeRegistry.ts +567 -0
- package/utils/uiPreferences.ts +34 -0
- package/utils/upload.ts +56 -0
- package/utils/wideMode.ts +48 -0
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
.theme-doom-64 {
|
|
2
|
+
--background: #1a1a1a;
|
|
3
|
+
--foreground: #e0e0e0;
|
|
4
|
+
--card: #2a2a2a;
|
|
5
|
+
--card-foreground: #e0e0e0;
|
|
6
|
+
--popover: #2a2a2a;
|
|
7
|
+
--popover-foreground: #e0e0e0;
|
|
8
|
+
--primary: #e53935;
|
|
9
|
+
--primary-foreground: #ffffff;
|
|
10
|
+
--secondary: #689f38;
|
|
11
|
+
--secondary-foreground: #000000;
|
|
12
|
+
--muted: #252525;
|
|
13
|
+
--muted-foreground: #a0a0a0;
|
|
14
|
+
--accent: #64b5f6;
|
|
15
|
+
--accent-foreground: #000000;
|
|
16
|
+
--destructive: #ffa000;
|
|
17
|
+
--destructive-foreground: #000000;
|
|
18
|
+
--border: #4a4a4a;
|
|
19
|
+
--input: #4a4a4a;
|
|
20
|
+
--ring: #e53935;
|
|
21
|
+
--chart-1: #e53935;
|
|
22
|
+
--chart-2: #689f38;
|
|
23
|
+
--chart-3: #64b5f6;
|
|
24
|
+
--chart-4: #ffa000;
|
|
25
|
+
--chart-5: #a1887f;
|
|
26
|
+
--sidebar: #141414;
|
|
27
|
+
--sidebar-foreground: #e0e0e0;
|
|
28
|
+
--sidebar-primary: #e53935;
|
|
29
|
+
--sidebar-primary-foreground: #ffffff;
|
|
30
|
+
--sidebar-accent: #64b5f6;
|
|
31
|
+
--sidebar-accent-foreground: #000000;
|
|
32
|
+
--sidebar-border: #4a4a4a;
|
|
33
|
+
--sidebar-ring: #e53935;
|
|
34
|
+
--font-sans: "Oxanium", sans-serif;
|
|
35
|
+
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
|
36
|
+
--font-mono: "Source Code Pro", monospace;
|
|
37
|
+
--radius: 0px;
|
|
38
|
+
--shadow-2xs: 0px 2px 5px 0px hsl(0 0% 0% / 0.3);
|
|
39
|
+
--shadow-xs: 0px 2px 5px 0px hsl(0 0% 0% / 0.3);
|
|
40
|
+
--shadow-sm: 0px 2px 5px 0px hsl(0 0% 0% / 0.6), 0px 1px 2px -1px hsl(0 0% 0% / 0.6);
|
|
41
|
+
--shadow: 0px 2px 5px 0px hsl(0 0% 0% / 0.6), 0px 1px 2px -1px hsl(0 0% 0% / 0.6);
|
|
42
|
+
--shadow-md: 0px 2px 5px 0px hsl(0 0% 0% / 0.6), 0px 2px 4px -1px hsl(0 0% 0% / 0.6);
|
|
43
|
+
--shadow-lg: 0px 2px 5px 0px hsl(0 0% 0% / 0.6), 0px 4px 6px -1px hsl(0 0% 0% / 0.6);
|
|
44
|
+
--shadow-xl: 0px 2px 5px 0px hsl(0 0% 0% / 0.6), 0px 8px 10px -1px hsl(0 0% 0% / 0.6);
|
|
45
|
+
--shadow-2xl: 0px 2px 5px 0px hsl(0 0% 0% / 1.5);
|
|
46
|
+
|
|
47
|
+
/* Plannotator extended tokens */
|
|
48
|
+
--success: oklch(0.72 0.17 150);
|
|
49
|
+
--success-foreground: oklch(0.15 0.02 260);
|
|
50
|
+
--warning: oklch(0.75 0.15 85);
|
|
51
|
+
--warning-foreground: oklch(0.20 0.02 260);
|
|
52
|
+
--code-bg: oklch(0.13 0.015 260);
|
|
53
|
+
--focus-highlight: oklch(0.70 0.20 200);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.theme-doom-64.light {
|
|
57
|
+
--background: #cccccc;
|
|
58
|
+
--foreground: #1f1f1f;
|
|
59
|
+
--card: #b0b0b0;
|
|
60
|
+
--card-foreground: #1f1f1f;
|
|
61
|
+
--popover: #b0b0b0;
|
|
62
|
+
--popover-foreground: #1f1f1f;
|
|
63
|
+
--primary: #b71c1c;
|
|
64
|
+
--primary-foreground: #ffffff;
|
|
65
|
+
--secondary: #556b2f;
|
|
66
|
+
--secondary-foreground: #ffffff;
|
|
67
|
+
--muted: #b8b8b8;
|
|
68
|
+
--muted-foreground: #4a4a4a;
|
|
69
|
+
--accent: #4682b4;
|
|
70
|
+
--accent-foreground: #ffffff;
|
|
71
|
+
--destructive: #ff6f00;
|
|
72
|
+
--destructive-foreground: #000000;
|
|
73
|
+
--border: #505050;
|
|
74
|
+
--input: #505050;
|
|
75
|
+
--ring: #b71c1c;
|
|
76
|
+
--chart-1: #b71c1c;
|
|
77
|
+
--chart-2: #556b2f;
|
|
78
|
+
--chart-3: #4682b4;
|
|
79
|
+
--chart-4: #ff6f00;
|
|
80
|
+
--chart-5: #8d6e63;
|
|
81
|
+
--sidebar: #b0b0b0;
|
|
82
|
+
--sidebar-foreground: #1f1f1f;
|
|
83
|
+
--sidebar-primary: #b71c1c;
|
|
84
|
+
--sidebar-primary-foreground: #ffffff;
|
|
85
|
+
--sidebar-accent: #4682b4;
|
|
86
|
+
--sidebar-accent-foreground: #ffffff;
|
|
87
|
+
--sidebar-border: #505050;
|
|
88
|
+
--sidebar-ring: #b71c1c;
|
|
89
|
+
--font-sans: "Oxanium", sans-serif;
|
|
90
|
+
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
|
91
|
+
--font-mono: "Source Code Pro", monospace;
|
|
92
|
+
--radius: 0px;
|
|
93
|
+
--shadow-2xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.2);
|
|
94
|
+
--shadow-xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.2);
|
|
95
|
+
--shadow-sm: 0px 2px 4px 0px hsl(0 0% 0% / 0.4), 0px 1px 2px -1px hsl(0 0% 0% / 0.4);
|
|
96
|
+
--shadow: 0px 2px 4px 0px hsl(0 0% 0% / 0.4), 0px 1px 2px -1px hsl(0 0% 0% / 0.4);
|
|
97
|
+
--shadow-md: 0px 2px 4px 0px hsl(0 0% 0% / 0.4), 0px 2px 4px -1px hsl(0 0% 0% / 0.4);
|
|
98
|
+
--shadow-lg: 0px 2px 4px 0px hsl(0 0% 0% / 0.4), 0px 4px 6px -1px hsl(0 0% 0% / 0.4);
|
|
99
|
+
--shadow-xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.4), 0px 8px 10px -1px hsl(0 0% 0% / 0.4);
|
|
100
|
+
--shadow-2xl: 0px 2px 4px 0px hsl(0 0% 0% / 1.0);
|
|
101
|
+
|
|
102
|
+
/* Plannotator extended tokens */
|
|
103
|
+
--success: oklch(0.45 0.20 150);
|
|
104
|
+
--success-foreground: oklch(1 0 0);
|
|
105
|
+
--warning: oklch(0.55 0.18 85);
|
|
106
|
+
--warning-foreground: oklch(0.18 0.02 260);
|
|
107
|
+
--code-bg: oklch(0.96 0.005 260);
|
|
108
|
+
--focus-highlight: oklch(0.70 0.20 200);
|
|
109
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
.theme-dracula,
|
|
2
|
+
.theme-dracula.light {
|
|
3
|
+
--background: rgb(40, 42, 54);
|
|
4
|
+
--foreground: rgb(248, 248, 242);
|
|
5
|
+
--card: rgb(68, 71, 90);
|
|
6
|
+
--card-foreground: rgb(248, 248, 242);
|
|
7
|
+
--popover: rgb(68, 71, 90);
|
|
8
|
+
--popover-foreground: rgb(248, 248, 242);
|
|
9
|
+
--primary: rgb(189, 147, 249);
|
|
10
|
+
--primary-foreground: rgb(40, 42, 54);
|
|
11
|
+
--secondary: rgb(68, 71, 90);
|
|
12
|
+
--secondary-foreground: rgb(248, 248, 242);
|
|
13
|
+
--muted: rgb(55, 57, 73);
|
|
14
|
+
--muted-foreground: rgb(188, 190, 206);
|
|
15
|
+
--accent: rgb(139, 233, 253);
|
|
16
|
+
--accent-foreground: rgb(40, 42, 54);
|
|
17
|
+
--destructive: rgb(255, 85, 85);
|
|
18
|
+
--destructive-foreground: rgb(248, 248, 242);
|
|
19
|
+
--border: rgb(68, 71, 90);
|
|
20
|
+
--input: rgb(68, 71, 90);
|
|
21
|
+
--ring: rgb(189, 147, 249);
|
|
22
|
+
--success: rgb(80, 250, 123);
|
|
23
|
+
--success-foreground: rgb(40, 42, 54);
|
|
24
|
+
--warning: rgb(241, 250, 140);
|
|
25
|
+
--warning-foreground: rgb(40, 42, 54);
|
|
26
|
+
|
|
27
|
+
--font-sans: ui-sans-serif, system-ui, sans-serif;
|
|
28
|
+
--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
|
|
29
|
+
--radius: 0.625rem;
|
|
30
|
+
|
|
31
|
+
--code-bg: rgb(33, 34, 44);
|
|
32
|
+
--focus-highlight: rgb(139, 233, 253);
|
|
33
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/* Everforest Hard — by sainnhe (high contrast) */
|
|
2
|
+
.theme-everforest-hard {
|
|
3
|
+
--background: #272E33;
|
|
4
|
+
--foreground: #D3C6AA;
|
|
5
|
+
--card: #2E383C;
|
|
6
|
+
--card-foreground: #D3C6AA;
|
|
7
|
+
--popover: #374145;
|
|
8
|
+
--popover-foreground: #D3C6AA;
|
|
9
|
+
--primary: #A7C080;
|
|
10
|
+
--primary-foreground: #272E33;
|
|
11
|
+
--secondary: #414B50;
|
|
12
|
+
--secondary-foreground: #D3C6AA;
|
|
13
|
+
--muted: #414B50;
|
|
14
|
+
--muted-foreground: #859289;
|
|
15
|
+
--accent: #83C092;
|
|
16
|
+
--accent-foreground: #272E33;
|
|
17
|
+
--destructive: #E67E80;
|
|
18
|
+
--destructive-foreground: #272E33;
|
|
19
|
+
--border: #414B50;
|
|
20
|
+
--input: #2E383C;
|
|
21
|
+
--ring: #A7C080;
|
|
22
|
+
--success: #83C092;
|
|
23
|
+
--success-foreground: #272E33;
|
|
24
|
+
--warning: #DBBC7F;
|
|
25
|
+
--warning-foreground: #272E33;
|
|
26
|
+
|
|
27
|
+
--font-sans: system-ui, sans-serif;
|
|
28
|
+
--font-mono: 'Fira Code', ui-monospace, monospace;
|
|
29
|
+
--radius: 0.625rem;
|
|
30
|
+
|
|
31
|
+
--code-bg: #1E2326;
|
|
32
|
+
--focus-highlight: #7FBBB3;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.theme-everforest-hard.light {
|
|
36
|
+
--background: #FFFBEF;
|
|
37
|
+
--foreground: #5C6A72;
|
|
38
|
+
--card: #F8F5E4;
|
|
39
|
+
--card-foreground: #5C6A72;
|
|
40
|
+
--popover: #F2EFDF;
|
|
41
|
+
--popover-foreground: #5C6A72;
|
|
42
|
+
--primary: #8DA101;
|
|
43
|
+
--primary-foreground: #FFFBEF;
|
|
44
|
+
--secondary: #EDEADA;
|
|
45
|
+
--secondary-foreground: #5C6A72;
|
|
46
|
+
--muted: #EDEADA;
|
|
47
|
+
--muted-foreground: #939F91;
|
|
48
|
+
--accent: #35A77C;
|
|
49
|
+
--accent-foreground: #FFFBEF;
|
|
50
|
+
--destructive: #F85552;
|
|
51
|
+
--destructive-foreground: #FFFBEF;
|
|
52
|
+
--border: #EDEADA;
|
|
53
|
+
--input: #F8F5E4;
|
|
54
|
+
--ring: #8DA101;
|
|
55
|
+
--success: #35A77C;
|
|
56
|
+
--success-foreground: #FFFBEF;
|
|
57
|
+
--warning: #DFA000;
|
|
58
|
+
--warning-foreground: #FFFBEF;
|
|
59
|
+
|
|
60
|
+
--code-bg: #F2EFDF;
|
|
61
|
+
--focus-highlight: #3A94C5;
|
|
62
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/* Everforest Soft — by sainnhe (low contrast) */
|
|
2
|
+
.theme-everforest-soft {
|
|
3
|
+
--background: #333C43;
|
|
4
|
+
--foreground: #D3C6AA;
|
|
5
|
+
--card: #3A464C;
|
|
6
|
+
--card-foreground: #D3C6AA;
|
|
7
|
+
--popover: #434F55;
|
|
8
|
+
--popover-foreground: #D3C6AA;
|
|
9
|
+
--primary: #A7C080;
|
|
10
|
+
--primary-foreground: #333C43;
|
|
11
|
+
--secondary: #4D5960;
|
|
12
|
+
--secondary-foreground: #D3C6AA;
|
|
13
|
+
--muted: #4D5960;
|
|
14
|
+
--muted-foreground: #859289;
|
|
15
|
+
--accent: #83C092;
|
|
16
|
+
--accent-foreground: #333C43;
|
|
17
|
+
--destructive: #E67E80;
|
|
18
|
+
--destructive-foreground: #333C43;
|
|
19
|
+
--border: #4D5960;
|
|
20
|
+
--input: #3A464C;
|
|
21
|
+
--ring: #A7C080;
|
|
22
|
+
--success: #83C092;
|
|
23
|
+
--success-foreground: #333C43;
|
|
24
|
+
--warning: #DBBC7F;
|
|
25
|
+
--warning-foreground: #333C43;
|
|
26
|
+
|
|
27
|
+
--font-sans: system-ui, sans-serif;
|
|
28
|
+
--font-mono: 'Fira Code', ui-monospace, monospace;
|
|
29
|
+
--radius: 0.625rem;
|
|
30
|
+
|
|
31
|
+
--code-bg: #293136;
|
|
32
|
+
--focus-highlight: #7FBBB3;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.theme-everforest-soft.light {
|
|
36
|
+
--background: #F3EAD3;
|
|
37
|
+
--foreground: #5C6A72;
|
|
38
|
+
--card: #EAE4CA;
|
|
39
|
+
--card-foreground: #5C6A72;
|
|
40
|
+
--popover: #E5DFC5;
|
|
41
|
+
--popover-foreground: #5C6A72;
|
|
42
|
+
--primary: #8DA101;
|
|
43
|
+
--primary-foreground: #F3EAD3;
|
|
44
|
+
--secondary: #DDD8BE;
|
|
45
|
+
--secondary-foreground: #5C6A72;
|
|
46
|
+
--muted: #DDD8BE;
|
|
47
|
+
--muted-foreground: #939F91;
|
|
48
|
+
--accent: #35A77C;
|
|
49
|
+
--accent-foreground: #F3EAD3;
|
|
50
|
+
--destructive: #F85552;
|
|
51
|
+
--destructive-foreground: #F3EAD3;
|
|
52
|
+
--border: #DDD8BE;
|
|
53
|
+
--input: #EAE4CA;
|
|
54
|
+
--ring: #8DA101;
|
|
55
|
+
--success: #35A77C;
|
|
56
|
+
--success-foreground: #F3EAD3;
|
|
57
|
+
--warning: #DFA000;
|
|
58
|
+
--warning-foreground: #F3EAD3;
|
|
59
|
+
|
|
60
|
+
--code-bg: #E5DFC5;
|
|
61
|
+
--focus-highlight: #3A94C5;
|
|
62
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/* Everforest — by sainnhe (medium contrast, default) */
|
|
2
|
+
.theme-everforest {
|
|
3
|
+
--background: #2D353B;
|
|
4
|
+
--foreground: #D3C6AA;
|
|
5
|
+
--card: #343F44;
|
|
6
|
+
--card-foreground: #D3C6AA;
|
|
7
|
+
--popover: #3D484D;
|
|
8
|
+
--popover-foreground: #D3C6AA;
|
|
9
|
+
--primary: #A7C080;
|
|
10
|
+
--primary-foreground: #2D353B;
|
|
11
|
+
--secondary: #475258;
|
|
12
|
+
--secondary-foreground: #D3C6AA;
|
|
13
|
+
--muted: #475258;
|
|
14
|
+
--muted-foreground: #859289;
|
|
15
|
+
--accent: #83C092;
|
|
16
|
+
--accent-foreground: #2D353B;
|
|
17
|
+
--destructive: #E67E80;
|
|
18
|
+
--destructive-foreground: #2D353B;
|
|
19
|
+
--border: #475258;
|
|
20
|
+
--input: #343F44;
|
|
21
|
+
--ring: #A7C080;
|
|
22
|
+
--success: #83C092;
|
|
23
|
+
--success-foreground: #2D353B;
|
|
24
|
+
--warning: #DBBC7F;
|
|
25
|
+
--warning-foreground: #2D353B;
|
|
26
|
+
|
|
27
|
+
--font-sans: system-ui, sans-serif;
|
|
28
|
+
--font-mono: 'Fira Code', ui-monospace, monospace;
|
|
29
|
+
--radius: 0.625rem;
|
|
30
|
+
|
|
31
|
+
--code-bg: #232A2E;
|
|
32
|
+
--focus-highlight: #7FBBB3;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.theme-everforest.light {
|
|
36
|
+
--background: #FDF6E3;
|
|
37
|
+
--foreground: #5C6A72;
|
|
38
|
+
--card: #F4F0D9;
|
|
39
|
+
--card-foreground: #5C6A72;
|
|
40
|
+
--popover: #EFEBD4;
|
|
41
|
+
--popover-foreground: #5C6A72;
|
|
42
|
+
--primary: #8DA101;
|
|
43
|
+
--primary-foreground: #FDF6E3;
|
|
44
|
+
--secondary: #E6E2CC;
|
|
45
|
+
--secondary-foreground: #5C6A72;
|
|
46
|
+
--muted: #E6E2CC;
|
|
47
|
+
--muted-foreground: #939F91;
|
|
48
|
+
--accent: #35A77C;
|
|
49
|
+
--accent-foreground: #FDF6E3;
|
|
50
|
+
--destructive: #F85552;
|
|
51
|
+
--destructive-foreground: #FDF6E3;
|
|
52
|
+
--border: #E6E2CC;
|
|
53
|
+
--input: #F4F0D9;
|
|
54
|
+
--ring: #8DA101;
|
|
55
|
+
--success: #35A77C;
|
|
56
|
+
--success-foreground: #FDF6E3;
|
|
57
|
+
--warning: #DFA000;
|
|
58
|
+
--warning-foreground: #FDF6E3;
|
|
59
|
+
|
|
60
|
+
--code-bg: #EFEBD4;
|
|
61
|
+
--focus-highlight: #3A94C5;
|
|
62
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
/* GitHub — by GitHub */
|
|
2
|
+
.theme-github {
|
|
3
|
+
--background: #24292e;
|
|
4
|
+
--foreground: #e1e4e8;
|
|
5
|
+
--card: #1f2428;
|
|
6
|
+
--card-foreground: #e1e4e8;
|
|
7
|
+
--popover: #1f2428;
|
|
8
|
+
--popover-foreground: #e1e4e8;
|
|
9
|
+
--primary: #58a6ff;
|
|
10
|
+
--primary-foreground: #24292e;
|
|
11
|
+
--secondary: #2f363d;
|
|
12
|
+
--secondary-foreground: #d1d5da;
|
|
13
|
+
--muted: #2f363d;
|
|
14
|
+
--muted-foreground: #6a737d;
|
|
15
|
+
--accent: #79b8ff;
|
|
16
|
+
--accent-foreground: #24292e;
|
|
17
|
+
--destructive: #f97583;
|
|
18
|
+
--destructive-foreground: #24292e;
|
|
19
|
+
--border: #1b1f23;
|
|
20
|
+
--input: #2f363d;
|
|
21
|
+
--ring: #58a6ff;
|
|
22
|
+
--success: #28a745;
|
|
23
|
+
--success-foreground: #24292e;
|
|
24
|
+
--warning: #ffea7f;
|
|
25
|
+
--warning-foreground: #24292e;
|
|
26
|
+
|
|
27
|
+
--font-sans: system-ui, sans-serif;
|
|
28
|
+
--font-mono: 'Fira Code', ui-monospace, monospace;
|
|
29
|
+
--radius: 0.625rem;
|
|
30
|
+
|
|
31
|
+
--code-bg: #2f363d;
|
|
32
|
+
--focus-highlight: #58a6ff;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.theme-github.light {
|
|
36
|
+
--background: #ffffff;
|
|
37
|
+
--foreground: #24292e;
|
|
38
|
+
--card: #f6f8fa;
|
|
39
|
+
--card-foreground: #24292e;
|
|
40
|
+
--popover: #f6f8fa;
|
|
41
|
+
--popover-foreground: #24292e;
|
|
42
|
+
--primary: #0366d6;
|
|
43
|
+
--primary-foreground: #ffffff;
|
|
44
|
+
--secondary: #f6f8fa;
|
|
45
|
+
--secondary-foreground: #586069;
|
|
46
|
+
--muted: #fafbfc;
|
|
47
|
+
--muted-foreground: #6a737d;
|
|
48
|
+
--accent: #0366d6;
|
|
49
|
+
--accent-foreground: #ffffff;
|
|
50
|
+
--destructive: #cb2431;
|
|
51
|
+
--destructive-foreground: #ffffff;
|
|
52
|
+
--border: #e1e4e8;
|
|
53
|
+
--input: #fafbfc;
|
|
54
|
+
--ring: #2188ff;
|
|
55
|
+
--success: #28a745;
|
|
56
|
+
--success-foreground: #ffffff;
|
|
57
|
+
--warning: #f9c513;
|
|
58
|
+
--warning-foreground: #24292e;
|
|
59
|
+
|
|
60
|
+
--font-sans: system-ui, sans-serif;
|
|
61
|
+
--font-mono: 'Fira Code', ui-monospace, monospace;
|
|
62
|
+
--radius: 0.625rem;
|
|
63
|
+
|
|
64
|
+
--code-bg: #f6f8fa;
|
|
65
|
+
--focus-highlight: #2188ff;
|
|
66
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/* Gruvbox — by morhetz */
|
|
2
|
+
.theme-gruvbox {
|
|
3
|
+
--background: #282828;
|
|
4
|
+
--foreground: #ebdbb2;
|
|
5
|
+
--card: #3c3836;
|
|
6
|
+
--card-foreground: #ebdbb2;
|
|
7
|
+
--popover: #3c3836;
|
|
8
|
+
--popover-foreground: #ebdbb2;
|
|
9
|
+
--primary: #458588;
|
|
10
|
+
--primary-foreground: #ebdbb2;
|
|
11
|
+
--secondary: #504945;
|
|
12
|
+
--secondary-foreground: #ebdbb2;
|
|
13
|
+
--muted: #504945;
|
|
14
|
+
--muted-foreground: #a89984;
|
|
15
|
+
--accent: #b8bb26;
|
|
16
|
+
--accent-foreground: #282828;
|
|
17
|
+
--destructive: #fb4934;
|
|
18
|
+
--destructive-foreground: #282828;
|
|
19
|
+
--border: #504945;
|
|
20
|
+
--input: #3c3836;
|
|
21
|
+
--ring: #458588;
|
|
22
|
+
--success: #8ec07c;
|
|
23
|
+
--success-foreground: #282828;
|
|
24
|
+
--warning: #fabd2f;
|
|
25
|
+
--warning-foreground: #282828;
|
|
26
|
+
|
|
27
|
+
--font-sans: system-ui, sans-serif;
|
|
28
|
+
--font-mono: 'Fira Code', ui-monospace, monospace;
|
|
29
|
+
--radius: 0.625rem;
|
|
30
|
+
|
|
31
|
+
--code-bg: #32302f;
|
|
32
|
+
--focus-highlight: #83a598;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.theme-gruvbox.light {
|
|
36
|
+
--background: #fbf1c7;
|
|
37
|
+
--foreground: #3c3836;
|
|
38
|
+
--card: #f2e5bc;
|
|
39
|
+
--card-foreground: #3c3836;
|
|
40
|
+
--popover: #f2e5bc;
|
|
41
|
+
--popover-foreground: #3c3836;
|
|
42
|
+
--primary: #076678;
|
|
43
|
+
--primary-foreground: #fbf1c7;
|
|
44
|
+
--secondary: #d5c4a1;
|
|
45
|
+
--secondary-foreground: #3c3836;
|
|
46
|
+
--muted: #ebdbb2;
|
|
47
|
+
--muted-foreground: #665c54;
|
|
48
|
+
--accent: #79740e;
|
|
49
|
+
--accent-foreground: #fbf1c7;
|
|
50
|
+
--destructive: #9d0006;
|
|
51
|
+
--destructive-foreground: #fbf1c7;
|
|
52
|
+
--border: #d5c4a1;
|
|
53
|
+
--input: #ebdbb2;
|
|
54
|
+
--ring: #076678;
|
|
55
|
+
--success: #689d6a;
|
|
56
|
+
--success-foreground: #fbf1c7;
|
|
57
|
+
--warning: #b57614;
|
|
58
|
+
--warning-foreground: #fbf1c7;
|
|
59
|
+
|
|
60
|
+
--code-bg: #ebdbb2;
|
|
61
|
+
--focus-highlight: #076678;
|
|
62
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
/* Houston — by Astro */
|
|
2
|
+
.theme-houston {
|
|
3
|
+
--background: #17191e;
|
|
4
|
+
--foreground: #eef0f9;
|
|
5
|
+
--card: #23262d;
|
|
6
|
+
--card-foreground: #eef0f9;
|
|
7
|
+
--popover: #23262d;
|
|
8
|
+
--popover-foreground: #eef0f9;
|
|
9
|
+
--primary: #4bf3c8;
|
|
10
|
+
--primary-foreground: #17191e;
|
|
11
|
+
--secondary: #343841;
|
|
12
|
+
--secondary-foreground: #eef0f9;
|
|
13
|
+
--muted: #2a2d34;
|
|
14
|
+
--muted-foreground: #545864;
|
|
15
|
+
--accent: #54b9ff;
|
|
16
|
+
--accent-foreground: #17191e;
|
|
17
|
+
--destructive: #f4587e;
|
|
18
|
+
--destructive-foreground: #17191e;
|
|
19
|
+
--border: #343841;
|
|
20
|
+
--input: #343841;
|
|
21
|
+
--ring: #4bf3c8;
|
|
22
|
+
--success: #4bf3c8;
|
|
23
|
+
--success-foreground: #17191e;
|
|
24
|
+
--warning: #ffd493;
|
|
25
|
+
--warning-foreground: #17191e;
|
|
26
|
+
|
|
27
|
+
--font-sans: system-ui, sans-serif;
|
|
28
|
+
--font-mono: 'Fira Code', ui-monospace, monospace;
|
|
29
|
+
--radius: 0.625rem;
|
|
30
|
+
|
|
31
|
+
--code-bg: #23262d;
|
|
32
|
+
--focus-highlight: #4bf3c8;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.theme-houston.light {
|
|
36
|
+
--background: #17191e;
|
|
37
|
+
--foreground: #eef0f9;
|
|
38
|
+
--card: #23262d;
|
|
39
|
+
--card-foreground: #eef0f9;
|
|
40
|
+
--popover: #23262d;
|
|
41
|
+
--popover-foreground: #eef0f9;
|
|
42
|
+
--primary: #4bf3c8;
|
|
43
|
+
--primary-foreground: #17191e;
|
|
44
|
+
--secondary: #343841;
|
|
45
|
+
--secondary-foreground: #eef0f9;
|
|
46
|
+
--muted: #2a2d34;
|
|
47
|
+
--muted-foreground: #545864;
|
|
48
|
+
--accent: #54b9ff;
|
|
49
|
+
--accent-foreground: #17191e;
|
|
50
|
+
--destructive: #f4587e;
|
|
51
|
+
--destructive-foreground: #17191e;
|
|
52
|
+
--border: #343841;
|
|
53
|
+
--input: #343841;
|
|
54
|
+
--ring: #4bf3c8;
|
|
55
|
+
--success: #4bf3c8;
|
|
56
|
+
--success-foreground: #17191e;
|
|
57
|
+
--warning: #ffd493;
|
|
58
|
+
--warning-foreground: #17191e;
|
|
59
|
+
|
|
60
|
+
--font-sans: system-ui, sans-serif;
|
|
61
|
+
--font-mono: 'Fira Code', ui-monospace, monospace;
|
|
62
|
+
--radius: 0.625rem;
|
|
63
|
+
|
|
64
|
+
--code-bg: #23262d;
|
|
65
|
+
--focus-highlight: #4bf3c8;
|
|
66
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/* Kanagawa Dragon — warm ash-black, muted teal accent */
|
|
2
|
+
.theme-kanagawa-dragon,
|
|
3
|
+
.theme-kanagawa-dragon.light {
|
|
4
|
+
--background: #181616;
|
|
5
|
+
--foreground: #c8c093;
|
|
6
|
+
--card: #211e1e;
|
|
7
|
+
--card-foreground: #c8c093;
|
|
8
|
+
--popover: #211e1e;
|
|
9
|
+
--popover-foreground: #c8c093;
|
|
10
|
+
--primary: #7fb4ca;
|
|
11
|
+
--primary-foreground: #181616;
|
|
12
|
+
--secondary: #2a2625;
|
|
13
|
+
--secondary-foreground: #c8c093;
|
|
14
|
+
--muted: #252220;
|
|
15
|
+
--muted-foreground: #a6a69c;
|
|
16
|
+
--accent: #7aa89f;
|
|
17
|
+
--accent-foreground: #181616;
|
|
18
|
+
--destructive: #c4746e;
|
|
19
|
+
--destructive-foreground: #c8c093;
|
|
20
|
+
--border: #2e2b28;
|
|
21
|
+
--input: #252220;
|
|
22
|
+
--ring: #7fb4ca;
|
|
23
|
+
--success: #87a987;
|
|
24
|
+
--success-foreground: #181616;
|
|
25
|
+
--warning: #e6c384;
|
|
26
|
+
--warning-foreground: #181616;
|
|
27
|
+
|
|
28
|
+
--font-sans: ui-sans-serif, system-ui, sans-serif;
|
|
29
|
+
--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
|
|
30
|
+
--radius: 0.625rem;
|
|
31
|
+
|
|
32
|
+
--code-bg: #0d0c0c;
|
|
33
|
+
--focus-highlight: #7aa89f;
|
|
34
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/* Kanagawa Lotus — light variant, yellow-tan paper background */
|
|
2
|
+
.theme-kanagawa-lotus,
|
|
3
|
+
.theme-kanagawa-lotus.light {
|
|
4
|
+
--background: #f2ecbc;
|
|
5
|
+
--foreground: #545464;
|
|
6
|
+
--card: #e5ddb0;
|
|
7
|
+
--card-foreground: #545464;
|
|
8
|
+
--popover: #e5ddb0;
|
|
9
|
+
--popover-foreground: #545464;
|
|
10
|
+
--primary: #4d699b;
|
|
11
|
+
--primary-foreground: #f2ecbc;
|
|
12
|
+
--secondary: #dcd5ac;
|
|
13
|
+
--secondary-foreground: #545464;
|
|
14
|
+
--muted: #e7dba0;
|
|
15
|
+
--muted-foreground: #716e61;
|
|
16
|
+
--accent: #624c83;
|
|
17
|
+
--accent-foreground: #f2ecbc;
|
|
18
|
+
--destructive: #c84053;
|
|
19
|
+
--destructive-foreground: #f2ecbc;
|
|
20
|
+
--border: #dcd5ac;
|
|
21
|
+
--input: #e7dba0;
|
|
22
|
+
--ring: #4d699b;
|
|
23
|
+
--success: #6f894e;
|
|
24
|
+
--success-foreground: #f2ecbc;
|
|
25
|
+
--warning: #836f4a;
|
|
26
|
+
--warning-foreground: #f2ecbc;
|
|
27
|
+
|
|
28
|
+
--font-sans: ui-sans-serif, system-ui, sans-serif;
|
|
29
|
+
--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
|
|
30
|
+
--radius: 0.625rem;
|
|
31
|
+
|
|
32
|
+
--code-bg: #d5cea3;
|
|
33
|
+
--focus-highlight: #4e8ca2;
|
|
34
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/* Kanagawa Wave — cool blue-purple, classic Kanagawa */
|
|
2
|
+
.theme-kanagawa-wave,
|
|
3
|
+
.theme-kanagawa-wave.light {
|
|
4
|
+
--background: #1f1f28;
|
|
5
|
+
--foreground: #dcd7ba;
|
|
6
|
+
--card: #2a2a37;
|
|
7
|
+
--card-foreground: #dcd7ba;
|
|
8
|
+
--popover: #2a2a37;
|
|
9
|
+
--popover-foreground: #dcd7ba;
|
|
10
|
+
--primary: #7e9cd8;
|
|
11
|
+
--primary-foreground: #1f1f28;
|
|
12
|
+
--secondary: #363646;
|
|
13
|
+
--secondary-foreground: #dcd7ba;
|
|
14
|
+
--muted: #2d2d3b;
|
|
15
|
+
--muted-foreground: #727169;
|
|
16
|
+
--accent: #957fb8;
|
|
17
|
+
--accent-foreground: #1f1f28;
|
|
18
|
+
--destructive: #c34043;
|
|
19
|
+
--destructive-foreground: #dcd7ba;
|
|
20
|
+
--border: #363646;
|
|
21
|
+
--input: #2d2d3b;
|
|
22
|
+
--ring: #7fb4ca;
|
|
23
|
+
--success: #98bb6c;
|
|
24
|
+
--success-foreground: #1f1f28;
|
|
25
|
+
--warning: #e6c384;
|
|
26
|
+
--warning-foreground: #1f1f28;
|
|
27
|
+
|
|
28
|
+
--font-sans: ui-sans-serif, system-ui, sans-serif;
|
|
29
|
+
--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
|
|
30
|
+
--radius: 0.625rem;
|
|
31
|
+
|
|
32
|
+
--code-bg: #16161d;
|
|
33
|
+
--focus-highlight: #7aa89f;
|
|
34
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
/* LaserWave — by Jared Jones */
|
|
2
|
+
.theme-laserwave {
|
|
3
|
+
--background: #27212e;
|
|
4
|
+
--foreground: #ffffff;
|
|
5
|
+
--card: #3a3242;
|
|
6
|
+
--card-foreground: #ffffff;
|
|
7
|
+
--popover: #3a3242;
|
|
8
|
+
--popover-foreground: #ffffff;
|
|
9
|
+
--primary: #eb64b9;
|
|
10
|
+
--primary-foreground: #27212e;
|
|
11
|
+
--secondary: #3e3549;
|
|
12
|
+
--secondary-foreground: #ffffff;
|
|
13
|
+
--muted: #3a3242;
|
|
14
|
+
--muted-foreground: #91889b;
|
|
15
|
+
--accent: #40b4c4;
|
|
16
|
+
--accent-foreground: #27212e;
|
|
17
|
+
--destructive: #ff3e7b;
|
|
18
|
+
--destructive-foreground: #27212e;
|
|
19
|
+
--border: #4a4055;
|
|
20
|
+
--input: #4a4055;
|
|
21
|
+
--ring: #eb64b9;
|
|
22
|
+
--success: #74dfc4;
|
|
23
|
+
--success-foreground: #27212e;
|
|
24
|
+
--warning: #ffe261;
|
|
25
|
+
--warning-foreground: #27212e;
|
|
26
|
+
|
|
27
|
+
--font-sans: system-ui, sans-serif;
|
|
28
|
+
--font-mono: 'Fira Code', ui-monospace, monospace;
|
|
29
|
+
--radius: 0.625rem;
|
|
30
|
+
|
|
31
|
+
--code-bg: #3e3549;
|
|
32
|
+
--focus-highlight: #eb64b9;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.theme-laserwave.light {
|
|
36
|
+
--background: #27212e;
|
|
37
|
+
--foreground: #ffffff;
|
|
38
|
+
--card: #3a3242;
|
|
39
|
+
--card-foreground: #ffffff;
|
|
40
|
+
--popover: #3a3242;
|
|
41
|
+
--popover-foreground: #ffffff;
|
|
42
|
+
--primary: #eb64b9;
|
|
43
|
+
--primary-foreground: #27212e;
|
|
44
|
+
--secondary: #3e3549;
|
|
45
|
+
--secondary-foreground: #ffffff;
|
|
46
|
+
--muted: #3a3242;
|
|
47
|
+
--muted-foreground: #91889b;
|
|
48
|
+
--accent: #40b4c4;
|
|
49
|
+
--accent-foreground: #27212e;
|
|
50
|
+
--destructive: #ff3e7b;
|
|
51
|
+
--destructive-foreground: #27212e;
|
|
52
|
+
--border: #4a4055;
|
|
53
|
+
--input: #4a4055;
|
|
54
|
+
--ring: #eb64b9;
|
|
55
|
+
--success: #74dfc4;
|
|
56
|
+
--success-foreground: #27212e;
|
|
57
|
+
--warning: #ffe261;
|
|
58
|
+
--warning-foreground: #27212e;
|
|
59
|
+
|
|
60
|
+
--font-sans: system-ui, sans-serif;
|
|
61
|
+
--font-mono: 'Fira Code', ui-monospace, monospace;
|
|
62
|
+
--radius: 0.625rem;
|
|
63
|
+
|
|
64
|
+
--code-bg: #3e3549;
|
|
65
|
+
--focus-highlight: #eb64b9;
|
|
66
|
+
}
|