@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.
Files changed (305) hide show
  1. package/README.md +60 -0
  2. package/assets/diff-options.png +0 -0
  3. package/assets/icon-codex.png +0 -0
  4. package/assets/look-flat.png +0 -0
  5. package/assets/look-grid.png +0 -0
  6. package/assets/review-sections.png +0 -0
  7. package/assets/review-tree.png +0 -0
  8. package/assets/workspaces.webp +0 -0
  9. package/components/AISettingsTab.tsx +145 -0
  10. package/components/ActionMenu.tsx +101 -0
  11. package/components/AgentControls.tsx +216 -0
  12. package/components/AgentsTab.tsx +1294 -0
  13. package/components/AnnotationPanel.tsx +731 -0
  14. package/components/AnnotationSidebar.tsx +86 -0
  15. package/components/AnnotationToolbar.tsx +323 -0
  16. package/components/AnnotationToolstrip.tsx +355 -0
  17. package/components/ApproveDropdown.tsx +170 -0
  18. package/components/AttachmentsButton.tsx +410 -0
  19. package/components/BlockRenderer.tsx +163 -0
  20. package/components/BorderTrail.tsx +38 -0
  21. package/components/CodeFilePicker.tsx +64 -0
  22. package/components/CodeFilePopout.tsx +602 -0
  23. package/components/CodePathValidationContext.tsx +14 -0
  24. package/components/CommentPopover.tsx +512 -0
  25. package/components/CompletionOverlay.tsx +99 -0
  26. package/components/ConfirmDialog.tsx +128 -0
  27. package/components/DocBadges.tsx +231 -0
  28. package/components/EditorAnnotationCard.tsx +65 -0
  29. package/components/ExportModal.tsx +565 -0
  30. package/components/FloatingQuickLabelPicker.tsx +144 -0
  31. package/components/GitHubIcon.tsx +16 -0
  32. package/components/GitLabIcon.tsx +30 -0
  33. package/components/GraphvizBlock.tsx +511 -0
  34. package/components/ImageAnnotator/Canvas.tsx +118 -0
  35. package/components/ImageAnnotator/Toolbar.tsx +218 -0
  36. package/components/ImageAnnotator/index.tsx +272 -0
  37. package/components/ImageAnnotator/types.ts +39 -0
  38. package/components/ImageAnnotator/utils.ts +147 -0
  39. package/components/ImageThumbnail.tsx +126 -0
  40. package/components/ImportModal.tsx +146 -0
  41. package/components/InlineMarkdown.tsx +1094 -0
  42. package/components/KeyboardShortcuts.tsx +208 -0
  43. package/components/Landing.tsx +496 -0
  44. package/components/ListItemBody.tsx +62 -0
  45. package/components/ListMarker.tsx +73 -0
  46. package/components/LookAndFeelAnnouncementDialog.tsx +230 -0
  47. package/components/MarkdownEditor.tsx +44 -0
  48. package/components/MenuVersionSection.tsx +91 -0
  49. package/components/MermaidBlock.tsx +579 -0
  50. package/components/ModeToggle.tsx +68 -0
  51. package/components/OpenInAppButton.tsx +299 -0
  52. package/components/OverlayScrollArea.tsx +82 -0
  53. package/components/PermissionModeSetup.tsx +92 -0
  54. package/components/PinpointOverlay.tsx +99 -0
  55. package/components/PlanAIAnnouncementDialog.tsx +187 -0
  56. package/components/PlanHeaderMenu.tsx +299 -0
  57. package/components/PopoutDialog.tsx +91 -0
  58. package/components/Popover.tsx +27 -0
  59. package/components/ProviderIcons.tsx +51 -0
  60. package/components/PullRequestIcon.tsx +12 -0
  61. package/components/QuickLabelDropdown.tsx +63 -0
  62. package/components/RenderedMarkdown.tsx +54 -0
  63. package/components/RepoIcon.tsx +12 -0
  64. package/components/ResizeHandle.tsx +86 -0
  65. package/components/ReviewAgentsIcon.tsx +18 -0
  66. package/components/SearchableSelect.tsx +157 -0
  67. package/components/Settings.tsx +2220 -0
  68. package/components/SparklesIcon.tsx +45 -0
  69. package/components/StickyHeaderLane.tsx +260 -0
  70. package/components/TableOfContents.tsx +157 -0
  71. package/components/TaterSpritePullup.tsx +34 -0
  72. package/components/TaterSpriteRunning.tsx +54 -0
  73. package/components/TaterSpriteSitting.tsx +37 -0
  74. package/components/TextShimmer.tsx +57 -0
  75. package/components/ThemeProvider.tsx +162 -0
  76. package/components/ThemeTab.tsx +139 -0
  77. package/components/ToolbarButtons.tsx +116 -0
  78. package/components/Tooltip.tsx +45 -0
  79. package/components/Viewer.tsx +977 -0
  80. package/components/ai/AIProviderBar.tsx +95 -0
  81. package/components/ai/DocumentAIChatPanel.tsx +313 -0
  82. package/components/blocks/AlertBlock.tsx +58 -0
  83. package/components/blocks/Callout.tsx +60 -0
  84. package/components/blocks/CodeBlock.tsx +75 -0
  85. package/components/blocks/HtmlBlock.tsx +122 -0
  86. package/components/blocks/MathBlock.tsx +36 -0
  87. package/components/blocks/TableBlock.tsx +146 -0
  88. package/components/blocks/TablePopout.tsx +279 -0
  89. package/components/blocks/TableToolbar.tsx +153 -0
  90. package/components/blocks/proseBody.tsx +102 -0
  91. package/components/core/button.tsx +44 -0
  92. package/components/core/textarea.tsx +26 -0
  93. package/components/diagramLanguages.ts +14 -0
  94. package/components/goal-setup/GoalSetupSurface.tsx +1354 -0
  95. package/components/html-viewer/HtmlViewer.tsx +386 -0
  96. package/components/html-viewer/bridge-script.ts +505 -0
  97. package/components/html-viewer/index.ts +1 -0
  98. package/components/html-viewer/useHtmlAnnotation.ts +400 -0
  99. package/components/icons/AgentIcons.tsx +66 -0
  100. package/components/icons/AppIcon.tsx +56 -0
  101. package/components/icons/MessagesIcon.tsx +11 -0
  102. package/components/icons/ObsidianIcons.tsx +208 -0
  103. package/components/icons/app/android-studio.svg +369 -0
  104. package/components/icons/app/antigravity.svg +97 -0
  105. package/components/icons/app/cursor.svg +16 -0
  106. package/components/icons/app/file-explorer.svg +20 -0
  107. package/components/icons/app/finder.png +0 -0
  108. package/components/icons/app/ghostty.svg +13 -0
  109. package/components/icons/app/iterm2.svg +13 -0
  110. package/components/icons/app/powershell.svg +14 -0
  111. package/components/icons/app/sublime-text.svg +17 -0
  112. package/components/icons/app/terminal.png +0 -0
  113. package/components/icons/app/textmate.png +0 -0
  114. package/components/icons/app/vscode.svg +39 -0
  115. package/components/icons/app/warp.png +0 -0
  116. package/components/icons/app/xcode.png +0 -0
  117. package/components/icons/app/zed-dark.svg +15 -0
  118. package/components/icons/app/zed.svg +15 -0
  119. package/components/icons/themeIcons.tsx +47 -0
  120. package/components/mermaidSvg.ts +33 -0
  121. package/components/plan-diff/PlanCleanDiffView.tsx +884 -0
  122. package/components/plan-diff/PlanDiffBadge.tsx +48 -0
  123. package/components/plan-diff/PlanDiffModeSwitcher.tsx +103 -0
  124. package/components/plan-diff/PlanDiffViewer.tsx +214 -0
  125. package/components/plan-diff/PlanRawDiffView.tsx +102 -0
  126. package/components/plan-diff/VSCodeIcon.tsx +132 -0
  127. package/components/settings/HooksTab.tsx +208 -0
  128. package/components/sidebar/ArchiveBrowser.tsx +98 -0
  129. package/components/sidebar/CountBadge.tsx +12 -0
  130. package/components/sidebar/FileBrowser.tsx +498 -0
  131. package/components/sidebar/MessagesBrowser.tsx +109 -0
  132. package/components/sidebar/SidebarContainer.tsx +353 -0
  133. package/components/sidebar/SidebarTabs.tsx +155 -0
  134. package/components/sidebar/VersionBrowser.tsx +141 -0
  135. package/components/types.d.ts +7 -0
  136. package/components/ui/badge.tsx +44 -0
  137. package/components/ui/button.tsx +83 -0
  138. package/components/ui/card.tsx +58 -0
  139. package/components/ui/dialog.tsx +106 -0
  140. package/components/ui/dropdown-menu.tsx +240 -0
  141. package/components/ui/state-pill.tsx +45 -0
  142. package/components/ui/tabs.tsx +46 -0
  143. package/components/ui/textarea.tsx +25 -0
  144. package/config/configStore.ts +214 -0
  145. package/config/index.ts +4 -0
  146. package/config/reviewView.ts +42 -0
  147. package/config/settings.ts +310 -0
  148. package/config/useConfig.ts +20 -0
  149. package/configure.ts +69 -0
  150. package/globals.d.ts +14 -0
  151. package/hooks/pfm/useCodeFilePopout.ts +111 -0
  152. package/hooks/useAIChat.ts +532 -0
  153. package/hooks/useAIProviderConfig.ts +115 -0
  154. package/hooks/useActiveSection.ts +78 -0
  155. package/hooks/useAgentJobs.ts +306 -0
  156. package/hooks/useAgentSettings.ts +579 -0
  157. package/hooks/useAgents.ts +90 -0
  158. package/hooks/useAnnotationDraft.ts +523 -0
  159. package/hooks/useAnnotationHighlighter.ts +1170 -0
  160. package/hooks/useArchive.ts +171 -0
  161. package/hooks/useAutoClose.ts +104 -0
  162. package/hooks/useCodeAnnotationDraft.ts +194 -0
  163. package/hooks/useCodeFilePopout.ts +1 -0
  164. package/hooks/useDismissOnOutsideAndEscape.ts +50 -0
  165. package/hooks/useDraggable.ts +108 -0
  166. package/hooks/useEditorAnnotations.ts +64 -0
  167. package/hooks/useExternalAnnotationHighlights.ts +105 -0
  168. package/hooks/useExternalAnnotations.ts +268 -0
  169. package/hooks/useFileBrowser.ts +402 -0
  170. package/hooks/useInputMethodSwitch.ts +89 -0
  171. package/hooks/useIsMobile.ts +17 -0
  172. package/hooks/useLinkedDoc.ts +494 -0
  173. package/hooks/useOverlayViewport.ts +36 -0
  174. package/hooks/usePinpoint.ts +182 -0
  175. package/hooks/usePlanDiff.ts +176 -0
  176. package/hooks/usePrintMode.ts +27 -0
  177. package/hooks/useResizablePanel.ts +173 -0
  178. package/hooks/useScrollViewport.ts +38 -0
  179. package/hooks/useSharing.ts +441 -0
  180. package/hooks/useSidebar.ts +55 -0
  181. package/hooks/useUpdateCheck.ts +132 -0
  182. package/hooks/useValidatedCodePaths.ts +94 -0
  183. package/icons/GitUser.tsx +17 -0
  184. package/lib/utils.ts +11 -0
  185. package/package.json +117 -0
  186. package/plannotator.webp +0 -0
  187. package/print.css +427 -0
  188. package/shortcuts/code-review/ai.shortcuts.ts +25 -0
  189. package/shortcuts/code-review/allFilesDiff.shortcuts.ts +46 -0
  190. package/shortcuts/code-review/annotationToolbar.shortcuts.ts +30 -0
  191. package/shortcuts/code-review/fileTree.shortcuts.ts +35 -0
  192. package/shortcuts/code-review/prComments.shortcuts.ts +18 -0
  193. package/shortcuts/code-review/suggestionModal.shortcuts.ts +25 -0
  194. package/shortcuts/code-review/tourDialog.shortcuts.ts +18 -0
  195. package/shortcuts/core.ts +399 -0
  196. package/shortcuts/index.ts +21 -0
  197. package/shortcuts/plan-review/annotationPanel.shortcuts.ts +25 -0
  198. package/shortcuts/plan-review/annotationToolbar.shortcuts.ts +39 -0
  199. package/shortcuts/plan-review/commentPopover.shortcuts.ts +21 -0
  200. package/shortcuts/plan-review/goalSetup.shortcuts.ts +10 -0
  201. package/shortcuts/plan-review/imageAnnotator.shortcuts.ts +42 -0
  202. package/shortcuts/plan-review/inputMethod.shortcuts.ts +30 -0
  203. package/shortcuts/plan-review/sidebar.shortcuts.ts +34 -0
  204. package/shortcuts/plan-review/viewer.shortcuts.ts +24 -0
  205. package/shortcuts/runtime.ts +259 -0
  206. package/sprite_package_additional/index.html +34 -0
  207. package/sprite_package_additional/sprite.png +0 -0
  208. package/sprite_package_new/index.html +34 -0
  209. package/sprite_package_new/sprite.png +0 -0
  210. package/sprite_package_pulluphang/index.html +34 -0
  211. package/sprite_package_pulluphang/sprite.png +0 -0
  212. package/styles.css +1 -0
  213. package/theme.css +893 -0
  214. package/themes/adwaita.css +62 -0
  215. package/themes/andromeeda.css +66 -0
  216. package/themes/aurora-x.css +66 -0
  217. package/themes/ayu-dark.css +66 -0
  218. package/themes/caffeine.css +113 -0
  219. package/themes/catppuccin.css +62 -0
  220. package/themes/claude-plus.css +60 -0
  221. package/themes/cursor-hc.css +34 -0
  222. package/themes/cursor-midnight.css +34 -0
  223. package/themes/cursor.css +62 -0
  224. package/themes/dark-plus.css +66 -0
  225. package/themes/doom-64.css +109 -0
  226. package/themes/dracula.css +33 -0
  227. package/themes/everforest-hard.css +62 -0
  228. package/themes/everforest-soft.css +62 -0
  229. package/themes/everforest.css +62 -0
  230. package/themes/github.css +66 -0
  231. package/themes/gruvbox.css +62 -0
  232. package/themes/houston.css +66 -0
  233. package/themes/kanagawa-dragon.css +34 -0
  234. package/themes/kanagawa-lotus.css +34 -0
  235. package/themes/kanagawa-wave.css +34 -0
  236. package/themes/laserwave.css +66 -0
  237. package/themes/material.css +62 -0
  238. package/themes/min.css +66 -0
  239. package/themes/monokai-pro.css +34 -0
  240. package/themes/neutral.css +59 -0
  241. package/themes/night-owl.css +66 -0
  242. package/themes/nord.css +66 -0
  243. package/themes/one-dark-pro.css +66 -0
  244. package/themes/one-light.css +66 -0
  245. package/themes/paulmillr.css +34 -0
  246. package/themes/plannotator.css +60 -0
  247. package/themes/plastic.css +66 -0
  248. package/themes/poimandres.css +66 -0
  249. package/themes/quantum-rose.css +109 -0
  250. package/themes/red.css +66 -0
  251. package/themes/rose-pine.css +62 -0
  252. package/themes/simple.css +124 -0
  253. package/themes/slack.css +66 -0
  254. package/themes/snazzy-light.css +66 -0
  255. package/themes/soft-pop.css +60 -0
  256. package/themes/solar-dusk.css +109 -0
  257. package/themes/solarized.css +66 -0
  258. package/themes/synthwave-84.css +34 -0
  259. package/themes/terminal.css +62 -0
  260. package/themes/tinacious.css +57 -0
  261. package/themes/tokyo-night.css +62 -0
  262. package/themes/vesper.css +62 -0
  263. package/themes/vitesse-black.css +66 -0
  264. package/themes/vitesse.css +62 -0
  265. package/types.ts +264 -0
  266. package/utils/agentSwitch.ts +71 -0
  267. package/utils/aiChatFormat.ts +33 -0
  268. package/utils/aiPrompt.ts +29 -0
  269. package/utils/aiProvider.ts +217 -0
  270. package/utils/anchors.ts +11 -0
  271. package/utils/annotateAgentTerminal.ts +29 -0
  272. package/utils/annotationHelpers.ts +101 -0
  273. package/utils/bear.ts +59 -0
  274. package/utils/blockTargeting.ts +240 -0
  275. package/utils/callback.ts +99 -0
  276. package/utils/commentContent.ts +8 -0
  277. package/utils/defaultNotesApp.ts +20 -0
  278. package/utils/diffFonts.ts +33 -0
  279. package/utils/editorMode.ts +31 -0
  280. package/utils/fileBrowser.ts +40 -0
  281. package/utils/generateId.ts +7 -0
  282. package/utils/generateIdentity.ts +29 -0
  283. package/utils/identity.ts +112 -0
  284. package/utils/inlineTransforms.ts +41 -0
  285. package/utils/inputMethod.ts +17 -0
  286. package/utils/lookAndFeelAnnouncement.ts +18 -0
  287. package/utils/obsidian.ts +201 -0
  288. package/utils/octarine.ts +53 -0
  289. package/utils/parser.ts +991 -0
  290. package/utils/permissionMode.ts +77 -0
  291. package/utils/planAIAnnouncement.ts +17 -0
  292. package/utils/planAgentInstructions.ts +137 -0
  293. package/utils/planDiffEngine.ts +590 -0
  294. package/utils/planSave.ts +49 -0
  295. package/utils/platform.ts +11 -0
  296. package/utils/quickLabels.ts +77 -0
  297. package/utils/reviewAgentInstructions.ts +182 -0
  298. package/utils/sanitizeHtml.ts +45 -0
  299. package/utils/sharing.ts +350 -0
  300. package/utils/slugify.ts +37 -0
  301. package/utils/storage.ts +141 -0
  302. package/utils/themeRegistry.ts +567 -0
  303. package/utils/uiPreferences.ts +34 -0
  304. package/utils/upload.ts +56 -0
  305. package/utils/wideMode.ts +48 -0
@@ -0,0 +1,62 @@
1
+ /* Adwaita — GNOME's design language */
2
+ .theme-adwaita {
3
+ --background: #1d1d1d;
4
+ --foreground: #cccccc;
5
+ --card: #303030;
6
+ --card-foreground: #cccccc;
7
+ --popover: #303030;
8
+ --popover-foreground: #cccccc;
9
+ --primary: #3584E4;
10
+ --primary-foreground: #ffffff;
11
+ --secondary: #3a3a3a;
12
+ --secondary-foreground: #cccccc;
13
+ --muted: #2a2a2a;
14
+ --muted-foreground: #888888;
15
+ --accent: #26a269;
16
+ --accent-foreground: #ffffff;
17
+ --destructive: #c01c28;
18
+ --destructive-foreground: #ffffff;
19
+ --border: #454545;
20
+ --input: #3a3a3a;
21
+ --ring: #3584E4;
22
+ --success: #26a269;
23
+ --success-foreground: #ffffff;
24
+ --warning: #e5a50a;
25
+ --warning-foreground: #1d1d1d;
26
+
27
+ --font-sans: 'Inter', system-ui, sans-serif;
28
+ --font-mono: 'Source Code Pro', ui-monospace, monospace;
29
+ --radius: 0.625rem;
30
+
31
+ --code-bg: #2a2a2a;
32
+ --focus-highlight: #3584E4;
33
+ }
34
+
35
+ .theme-adwaita.light {
36
+ --background: #fafafa;
37
+ --foreground: #323232;
38
+ --card: #ffffff;
39
+ --card-foreground: #323232;
40
+ --popover: #ffffff;
41
+ --popover-foreground: #323232;
42
+ --primary: #3584E4;
43
+ --primary-foreground: #ffffff;
44
+ --secondary: #e6e6e6;
45
+ --secondary-foreground: #323232;
46
+ --muted: #ebebeb;
47
+ --muted-foreground: #6e6e6e;
48
+ --accent: #26a269;
49
+ --accent-foreground: #ffffff;
50
+ --destructive: #c01c28;
51
+ --destructive-foreground: #ffffff;
52
+ --border: #cfcfcf;
53
+ --input: #e6e6e6;
54
+ --ring: #3584E4;
55
+ --success: #26a269;
56
+ --success-foreground: #ffffff;
57
+ --warning: #e5a50a;
58
+ --warning-foreground: #323232;
59
+
60
+ --code-bg: #ebebeb;
61
+ --focus-highlight: #3584E4;
62
+ }
@@ -0,0 +1,66 @@
1
+ /* Andromeeda — by EliverLara */
2
+ .theme-andromeeda {
3
+ --background: #23262e;
4
+ --foreground: #d5ced9;
5
+ --card: #2b303b;
6
+ --card-foreground: #d5ced9;
7
+ --popover: #2b303b;
8
+ --popover-foreground: #d5ced9;
9
+ --primary: #00e8c6;
10
+ --primary-foreground: #23262e;
11
+ --secondary: #373941;
12
+ --secondary-foreground: #d5ced9;
13
+ --muted: #333844;
14
+ --muted-foreground: #746f77;
15
+ --accent: #c74ded;
16
+ --accent-foreground: #23262e;
17
+ --destructive: #fc644d;
18
+ --destructive-foreground: #23262e;
19
+ --border: #363c49;
20
+ --input: #363c49;
21
+ --ring: #00e8c6;
22
+ --success: #96e072;
23
+ --success-foreground: #23262e;
24
+ --warning: #ffe66d;
25
+ --warning-foreground: #23262e;
26
+
27
+ --font-sans: system-ui, sans-serif;
28
+ --font-mono: 'Fira Code', ui-monospace, monospace;
29
+ --radius: 0.625rem;
30
+
31
+ --code-bg: #2e323d;
32
+ --focus-highlight: #00e8c6;
33
+ }
34
+
35
+ .theme-andromeeda.light {
36
+ --background: #23262e;
37
+ --foreground: #d5ced9;
38
+ --card: #2b303b;
39
+ --card-foreground: #d5ced9;
40
+ --popover: #2b303b;
41
+ --popover-foreground: #d5ced9;
42
+ --primary: #00e8c6;
43
+ --primary-foreground: #23262e;
44
+ --secondary: #373941;
45
+ --secondary-foreground: #d5ced9;
46
+ --muted: #333844;
47
+ --muted-foreground: #746f77;
48
+ --accent: #c74ded;
49
+ --accent-foreground: #23262e;
50
+ --destructive: #fc644d;
51
+ --destructive-foreground: #23262e;
52
+ --border: #363c49;
53
+ --input: #363c49;
54
+ --ring: #00e8c6;
55
+ --success: #96e072;
56
+ --success-foreground: #23262e;
57
+ --warning: #ffe66d;
58
+ --warning-foreground: #23262e;
59
+
60
+ --font-sans: system-ui, sans-serif;
61
+ --font-mono: 'Fira Code', ui-monospace, monospace;
62
+ --radius: 0.625rem;
63
+
64
+ --code-bg: #2e323d;
65
+ --focus-highlight: #00e8c6;
66
+ }
@@ -0,0 +1,66 @@
1
+ /* Aurora X — by marqu3s10 */
2
+ .theme-aurora-x {
3
+ --background: #07090f;
4
+ --foreground: #a8beff;
5
+ --card: #15182b;
6
+ --card-foreground: #c7d5ff;
7
+ --popover: #15182b;
8
+ --popover-foreground: #c7d5ff;
9
+ --primary: #86a5ff;
10
+ --primary-foreground: #07090f;
11
+ --secondary: #262e47;
12
+ --secondary-foreground: #c7d5ff;
13
+ --muted: #15182b;
14
+ --muted-foreground: #546e7a;
15
+ --accent: #c792ea;
16
+ --accent-foreground: #07090f;
17
+ --destructive: #dd5073;
18
+ --destructive-foreground: #07090f;
19
+ --border: #262e47;
20
+ --input: #262e47;
21
+ --ring: #86a5ff;
22
+ --success: #63eb90;
23
+ --success-foreground: #07090f;
24
+ --warning: #ffcb6b;
25
+ --warning-foreground: #07090f;
26
+
27
+ --font-sans: system-ui, sans-serif;
28
+ --font-mono: 'Fira Code', ui-monospace, monospace;
29
+ --radius: 0.625rem;
30
+
31
+ --code-bg: #0c0e19;
32
+ --focus-highlight: #86a5ff;
33
+ }
34
+
35
+ .theme-aurora-x.light {
36
+ --background: #07090f;
37
+ --foreground: #a8beff;
38
+ --card: #15182b;
39
+ --card-foreground: #c7d5ff;
40
+ --popover: #15182b;
41
+ --popover-foreground: #c7d5ff;
42
+ --primary: #86a5ff;
43
+ --primary-foreground: #07090f;
44
+ --secondary: #262e47;
45
+ --secondary-foreground: #c7d5ff;
46
+ --muted: #15182b;
47
+ --muted-foreground: #546e7a;
48
+ --accent: #c792ea;
49
+ --accent-foreground: #07090f;
50
+ --destructive: #dd5073;
51
+ --destructive-foreground: #07090f;
52
+ --border: #262e47;
53
+ --input: #262e47;
54
+ --ring: #86a5ff;
55
+ --success: #63eb90;
56
+ --success-foreground: #07090f;
57
+ --warning: #ffcb6b;
58
+ --warning-foreground: #07090f;
59
+
60
+ --font-sans: system-ui, sans-serif;
61
+ --font-mono: 'Fira Code', ui-monospace, monospace;
62
+ --radius: 0.625rem;
63
+
64
+ --code-bg: #0c0e19;
65
+ --focus-highlight: #86a5ff;
66
+ }
@@ -0,0 +1,66 @@
1
+ /* Ayu Dark — by dempfi */
2
+ .theme-ayu-dark {
3
+ --background: #10141c;
4
+ --foreground: #bfbdb6;
5
+ --card: #141821;
6
+ --card-foreground: #bfbdb6;
7
+ --popover: #141821;
8
+ --popover-foreground: #bfbdb6;
9
+ --primary: #e6b450;
10
+ --primary-foreground: #805600;
11
+ --secondary: #0d1017;
12
+ --secondary-foreground: #bfbdb6;
13
+ --muted: #141821;
14
+ --muted-foreground: #6c7380;
15
+ --accent: #73b8ff;
16
+ --accent-foreground: #10141c;
17
+ --destructive: #d95757;
18
+ --destructive-foreground: #10141c;
19
+ --border: #1b1f29;
20
+ --input: #10141c;
21
+ --ring: #e6b450;
22
+ --success: #70bf56;
23
+ --success-foreground: #10141c;
24
+ --warning: #fdb04c;
25
+ --warning-foreground: #10141c;
26
+
27
+ --font-sans: system-ui, sans-serif;
28
+ --font-mono: 'Fira Code', ui-monospace, monospace;
29
+ --radius: 0.625rem;
30
+
31
+ --code-bg: #141821;
32
+ --focus-highlight: #e6b450;
33
+ }
34
+
35
+ .theme-ayu-dark.light {
36
+ --background: #10141c;
37
+ --foreground: #bfbdb6;
38
+ --card: #141821;
39
+ --card-foreground: #bfbdb6;
40
+ --popover: #141821;
41
+ --popover-foreground: #bfbdb6;
42
+ --primary: #e6b450;
43
+ --primary-foreground: #805600;
44
+ --secondary: #0d1017;
45
+ --secondary-foreground: #bfbdb6;
46
+ --muted: #141821;
47
+ --muted-foreground: #6c7380;
48
+ --accent: #73b8ff;
49
+ --accent-foreground: #10141c;
50
+ --destructive: #d95757;
51
+ --destructive-foreground: #10141c;
52
+ --border: #1b1f29;
53
+ --input: #10141c;
54
+ --ring: #e6b450;
55
+ --success: #70bf56;
56
+ --success-foreground: #10141c;
57
+ --warning: #fdb04c;
58
+ --warning-foreground: #10141c;
59
+
60
+ --font-sans: system-ui, sans-serif;
61
+ --font-mono: 'Fira Code', ui-monospace, monospace;
62
+ --radius: 0.625rem;
63
+
64
+ --code-bg: #141821;
65
+ --focus-highlight: #e6b450;
66
+ }
@@ -0,0 +1,113 @@
1
+ .theme-caffeine {
2
+ --background: #111111;
3
+ --foreground: #eeeeee;
4
+ --card: #191919;
5
+ --card-foreground: #eeeeee;
6
+ --popover: #191919;
7
+ --popover-foreground: #eeeeee;
8
+ --primary: #ffe0c2;
9
+ --primary-foreground: #081a1b;
10
+ --secondary: #393028;
11
+ --secondary-foreground: #ffe0c2;
12
+ --muted: #222222;
13
+ --muted-foreground: #b4b4b4;
14
+ --accent: #c19a6b;
15
+ --accent-foreground: #eeeeee;
16
+ --destructive: #e54d2e;
17
+ --destructive-foreground: #ffffff;
18
+ --border: #201e18;
19
+ --input: #484848;
20
+ --ring: #ffe0c2;
21
+ --chart-1: #ffe0c2;
22
+ --chart-2: #393028;
23
+ --chart-3: #2a2a2a;
24
+ --chart-4: #42382e;
25
+ --chart-5: #ffe0c1;
26
+ --sidebar: #18181b;
27
+ --sidebar-foreground: #f4f4f5;
28
+ --sidebar-primary: #1d4ed8;
29
+ --sidebar-primary-foreground: #ffffff;
30
+ --sidebar-accent: #27272a;
31
+ --sidebar-accent-foreground: #f4f4f5;
32
+ --sidebar-border: #27272a;
33
+ --sidebar-ring: #d4d4d8;
34
+ --font-sans:
35
+ ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
36
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
37
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
38
+ "Courier New", monospace;
39
+ --radius: 0.625rem;
40
+ --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
41
+ --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
42
+ --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
43
+ --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
44
+ --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
45
+ --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
46
+ --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
47
+ --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
48
+
49
+ /* Plannotator extended tokens */
50
+ --success: oklch(0.72 0.17 150);
51
+ --success-foreground: oklch(0.15 0.02 260);
52
+ --warning: oklch(0.75 0.15 85);
53
+ --warning-foreground: oklch(0.20 0.02 260);
54
+ --code-bg: oklch(0.13 0.015 260);
55
+ --focus-highlight: oklch(0.70 0.20 200);
56
+ }
57
+
58
+ .theme-caffeine.light {
59
+ --background: #f9f9f9;
60
+ --foreground: #202020;
61
+ --card: #fcfcfc;
62
+ --card-foreground: #202020;
63
+ --popover: #fcfcfc;
64
+ --popover-foreground: #202020;
65
+ --primary: #644a40;
66
+ --primary-foreground: #ffffff;
67
+ --secondary: #ffdfb5;
68
+ --secondary-foreground: #582d1d;
69
+ --muted: #efefef;
70
+ --muted-foreground: #646464;
71
+ --accent: #8b5a2b;
72
+ --accent-foreground: #ffffff;
73
+ --destructive: #e54d2e;
74
+ --destructive-foreground: #ffffff;
75
+ --border: #d8d8d8;
76
+ --input: #d8d8d8;
77
+ --ring: #644a40;
78
+ --chart-1: #644a40;
79
+ --chart-2: #ffdfb5;
80
+ --chart-3: #e8e8e8;
81
+ --chart-4: #ffe6c4;
82
+ --chart-5: #66493e;
83
+ --sidebar: #fbfbfb;
84
+ --sidebar-foreground: #252525;
85
+ --sidebar-primary: #343434;
86
+ --sidebar-primary-foreground: #fbfbfb;
87
+ --sidebar-accent: #f7f7f7;
88
+ --sidebar-accent-foreground: #343434;
89
+ --sidebar-border: #ebebeb;
90
+ --sidebar-ring: #b5b5b5;
91
+ --font-sans:
92
+ ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
93
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
94
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
95
+ "Courier New", monospace;
96
+ --radius: 0.625rem;
97
+ --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
98
+ --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
99
+ --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
100
+ --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
101
+ --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
102
+ --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
103
+ --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
104
+ --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
105
+
106
+ /* Plannotator extended tokens */
107
+ --success: oklch(0.45 0.20 150);
108
+ --success-foreground: oklch(1 0 0);
109
+ --warning: oklch(0.55 0.18 85);
110
+ --warning-foreground: oklch(0.18 0.02 260);
111
+ --code-bg: oklch(0.96 0.005 260);
112
+ --focus-highlight: oklch(0.70 0.20 200);
113
+ }
@@ -0,0 +1,62 @@
1
+ /* Catppuccin — Mocha (dark) + Latte (light) */
2
+ .theme-catppuccin {
3
+ --background: #1e1e2e;
4
+ --foreground: #cdd6f4;
5
+ --card: #313244;
6
+ --card-foreground: #cdd6f4;
7
+ --popover: #313244;
8
+ --popover-foreground: #cdd6f4;
9
+ --primary: #89b4fa;
10
+ --primary-foreground: #1e1e2e;
11
+ --secondary: #45475a;
12
+ --secondary-foreground: #cdd6f4;
13
+ --muted: #45475a;
14
+ --muted-foreground: #a6adc8;
15
+ --accent: #f5c2e7;
16
+ --accent-foreground: #1e1e2e;
17
+ --destructive: #f38ba8;
18
+ --destructive-foreground: #1e1e2e;
19
+ --border: #585b70;
20
+ --input: #313244;
21
+ --ring: #89b4fa;
22
+ --success: #a6e3a1;
23
+ --success-foreground: #1e1e2e;
24
+ --warning: #f9e2af;
25
+ --warning-foreground: #1e1e2e;
26
+
27
+ --font-sans: system-ui, sans-serif;
28
+ --font-mono: 'Fira Code', ui-monospace, monospace;
29
+ --radius: 0.625rem;
30
+
31
+ --code-bg: #181825;
32
+ --focus-highlight: #94e2d5;
33
+ }
34
+
35
+ .theme-catppuccin.light {
36
+ --background: #eff1f5;
37
+ --foreground: #4c4f69;
38
+ --card: #e6e9ef;
39
+ --card-foreground: #4c4f69;
40
+ --popover: #e6e9ef;
41
+ --popover-foreground: #4c4f69;
42
+ --primary: #1e66f5;
43
+ --primary-foreground: #eff1f5;
44
+ --secondary: #ccd0da;
45
+ --secondary-foreground: #4c4f69;
46
+ --muted: #ccd0da;
47
+ --muted-foreground: #6c6f85;
48
+ --accent: #ea76cb;
49
+ --accent-foreground: #eff1f5;
50
+ --destructive: #d20f39;
51
+ --destructive-foreground: #eff1f5;
52
+ --border: #acb0be;
53
+ --input: #ccd0da;
54
+ --ring: #1e66f5;
55
+ --success: #40a02b;
56
+ --success-foreground: #eff1f5;
57
+ --warning: #df8e1d;
58
+ --warning-foreground: #eff1f5;
59
+
60
+ --code-bg: #e6e9ef;
61
+ --focus-highlight: #179299;
62
+ }
@@ -0,0 +1,60 @@
1
+ .theme-claude-plus {
2
+ --background: oklch(0.2679 0.0036 106.6427);
3
+ --foreground: oklch(0.9576 0.0027 106.4494);
4
+ --card: oklch(0.3200 0.0040 106.6000);
5
+ --card-foreground: oklch(0.9576 0.0027 106.4494);
6
+ --popover: oklch(0.3200 0.0040 106.6000);
7
+ --popover-foreground: oklch(0.9576 0.0027 106.4494);
8
+ --primary: oklch(0.6724 0.1308 38.7559);
9
+ --primary-foreground: oklch(0.1908 0.0020 106.5859);
10
+ --secondary: oklch(0.9818 0.0054 95.0986);
11
+ --secondary-foreground: oklch(0.3085 0.0035 106.6039);
12
+ --muted: oklch(0.3500 0.0040 106.6000);
13
+ --muted-foreground: oklch(0.7000 0.0030 106.5000);
14
+ --accent: oklch(0.6724 0.1308 38.7559);
15
+ --accent-foreground: oklch(0.1908 0.0020 106.5859);
16
+ --destructive: oklch(0.6368 0.2078 25.3313);
17
+ --destructive-foreground: oklch(1.0000 0 0);
18
+ --border: oklch(0.4000 0.0040 106.6000);
19
+ --input: oklch(0.3500 0.0040 106.6000);
20
+ --ring: oklch(0.6724 0.1308 38.7559);
21
+ --success: oklch(0.72 0.17 150);
22
+ --success-foreground: oklch(0.15 0.02 260);
23
+ --warning: oklch(0.75 0.15 85);
24
+ --warning-foreground: oklch(0.20 0.02 260);
25
+
26
+ --font-sans: 'Outfit', sans-serif;
27
+ --font-mono: 'Geist Mono', ui-monospace, monospace;
28
+ --radius: 0.625rem;
29
+
30
+ --code-bg: oklch(0.22 0.003 106.6);
31
+ --focus-highlight: oklch(0.70 0.20 200);
32
+ }
33
+
34
+ .theme-claude-plus.light {
35
+ --background: oklch(0.9818 0.0054 95.0986);
36
+ --foreground: oklch(0.3438 0.0269 95.7226);
37
+ --card: oklch(1.0000 0 0);
38
+ --card-foreground: oklch(0.3438 0.0269 95.7226);
39
+ --popover: oklch(1.0000 0 0);
40
+ --popover-foreground: oklch(0.3438 0.0269 95.7226);
41
+ --primary: oklch(0.6171 0.1375 39.0427);
42
+ --primary-foreground: oklch(1.0000 0 0);
43
+ --secondary: oklch(0.9245 0.0138 92.9892);
44
+ --secondary-foreground: oklch(0.4334 0.0177 98.6048);
45
+ --muted: oklch(0.9400 0.0100 95.0000);
46
+ --muted-foreground: oklch(0.5000 0.0200 95.0000);
47
+ --accent: oklch(0.6171 0.1375 39.0427);
48
+ --accent-foreground: oklch(1.0000 0 0);
49
+ --destructive: oklch(0.1908 0.0020 106.5859);
50
+ --destructive-foreground: oklch(1.0000 0 0);
51
+ --border: oklch(0.8800 0.0100 95.0000);
52
+ --input: oklch(0.9400 0.0100 95.0000);
53
+ --ring: oklch(0.6171 0.1375 39.0427);
54
+ --success: oklch(0.45 0.20 150);
55
+ --success-foreground: oklch(1 0 0);
56
+ --warning: oklch(0.55 0.18 85);
57
+ --warning-foreground: oklch(0.18 0.02 260);
58
+
59
+ --code-bg: oklch(0.96 0.005 95);
60
+ }
@@ -0,0 +1,34 @@
1
+ /* Clean Contrast — single dark-only theme */
2
+ .theme-cursor-hc,
3
+ .theme-cursor-hc.light {
4
+ --background: #0A0A0A;
5
+ --foreground: #D8DEE9;
6
+ --card: #1a1a1a;
7
+ --card-foreground: #ECEFF4;
8
+ --popover: #1a1a1a;
9
+ --popover-foreground: #ECEFF4;
10
+ --primary: #88C0D0;
11
+ --primary-foreground: #000000;
12
+ --secondary: #434C5E;
13
+ --secondary-foreground: #ECEFF4;
14
+ --muted: #2A2A2A;
15
+ --muted-foreground: #CCCCCC;
16
+ --accent: #EBCB8B;
17
+ --accent-foreground: #000000;
18
+ --destructive: #BF616A;
19
+ --destructive-foreground: #ECEFF4;
20
+ --border: #404040;
21
+ --input: #2A2A2A;
22
+ --ring: #88C0D0;
23
+ --success: #A3BE8C;
24
+ --success-foreground: #000000;
25
+ --warning: #EBCB8B;
26
+ --warning-foreground: #000000;
27
+
28
+ --font-sans: system-ui, sans-serif;
29
+ --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, monospace;
30
+ --radius: 0.625rem;
31
+
32
+ --code-bg: #1a1a1a;
33
+ --focus-highlight: #88C0D0;
34
+ }
@@ -0,0 +1,34 @@
1
+ /* Cursor Midnight — single dark-only theme */
2
+ .theme-cursor-midnight,
3
+ .theme-cursor-midnight.light {
4
+ --background: #1e2127;
5
+ --foreground: #D8DEE9;
6
+ --card: #272c36;
7
+ --card-foreground: #D8DEE9;
8
+ --popover: #20242c;
9
+ --popover-foreground: #D8DEE9;
10
+ --primary: #88C0D0;
11
+ --primary-foreground: #1d2128;
12
+ --secondary: #434C5E;
13
+ --secondary-foreground: #D8DEE9;
14
+ --muted: #272c36;
15
+ --muted-foreground: #7b88a1;
16
+ --accent: #8FBCBB;
17
+ --accent-foreground: #1d2128;
18
+ --destructive: #BF616A;
19
+ --destructive-foreground: #ECEFF4;
20
+ --border: #3a4050;
21
+ --input: #272c36;
22
+ --ring: #88C0D0;
23
+ --success: #A3BE8C;
24
+ --success-foreground: #1d2128;
25
+ --warning: #EBCB8B;
26
+ --warning-foreground: #1d2128;
27
+
28
+ --font-sans: system-ui, sans-serif;
29
+ --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, monospace;
30
+ --radius: 0.625rem;
31
+
32
+ --code-bg: #191c22;
33
+ --focus-highlight: #8FBCBB;
34
+ }
@@ -0,0 +1,62 @@
1
+ /* Code Fork — dark + light, based on Cursor's default themes */
2
+ .theme-cursor {
3
+ --background: #181818;
4
+ --foreground: #E4E4E4;
5
+ --card: #1e1e1e;
6
+ --card-foreground: #E4E4E4;
7
+ --popover: #141414;
8
+ --popover-foreground: #E4E4E4;
9
+ --primary: #81A1C1;
10
+ --primary-foreground: #141414;
11
+ --secondary: #2a2a2a;
12
+ --secondary-foreground: #E4E4E4;
13
+ --muted: #252525;
14
+ --muted-foreground: #a0a0a0;
15
+ --accent: #88C0D0;
16
+ --accent-foreground: #141414;
17
+ --destructive: #E34671;
18
+ --destructive-foreground: #E4E4E4;
19
+ --border: #333333;
20
+ --input: #252525;
21
+ --ring: #81A1C1;
22
+ --success: #3FA266;
23
+ --success-foreground: #141414;
24
+ --warning: #D2943E;
25
+ --warning-foreground: #141414;
26
+
27
+ --font-sans: system-ui, sans-serif;
28
+ --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, monospace;
29
+ --radius: 0.625rem;
30
+
31
+ --code-bg: #141414;
32
+ --focus-highlight: #88C0D0;
33
+ }
34
+
35
+ .theme-cursor.light {
36
+ --background: #FCFCFC;
37
+ --foreground: #141414;
38
+ --card: #F3F3F3;
39
+ --card-foreground: #141414;
40
+ --popover: #F3F3F3;
41
+ --popover-foreground: #141414;
42
+ --primary: #3C7CAB;
43
+ --primary-foreground: #FCFCFC;
44
+ --secondary: #E8E8E8;
45
+ --secondary-foreground: #141414;
46
+ --muted: #EDEDED;
47
+ --muted-foreground: #6a6a6a;
48
+ --accent: #4C7F8C;
49
+ --accent-foreground: #FCFCFC;
50
+ --destructive: #CF2D56;
51
+ --destructive-foreground: #FCFCFC;
52
+ --border: #DDDDDD;
53
+ --input: #EDEDED;
54
+ --ring: #3C7CAB;
55
+ --success: #1F8A65;
56
+ --success-foreground: #FCFCFC;
57
+ --warning: #C08532;
58
+ --warning-foreground: #141414;
59
+
60
+ --code-bg: #F3F3F3;
61
+ --focus-highlight: #3C7CAB;
62
+ }
@@ -0,0 +1,66 @@
1
+ /* Dark Plus — by Microsoft */
2
+ .theme-dark-plus {
3
+ --background: #1e1e1e;
4
+ --foreground: #d4d4d4;
5
+ --card: #252526;
6
+ --card-foreground: #d4d4d4;
7
+ --popover: #252526;
8
+ --popover-foreground: #d4d4d4;
9
+ --primary: #007acc;
10
+ --primary-foreground: #ffffff;
11
+ --secondary: #383b3d;
12
+ --secondary-foreground: #d4d4d4;
13
+ --muted: #303031;
14
+ --muted-foreground: #858585;
15
+ --accent: #4ec9b0;
16
+ --accent-foreground: #1e1e1e;
17
+ --destructive: #f44747;
18
+ --destructive-foreground: #ffffff;
19
+ --border: #454545;
20
+ --input: #454545;
21
+ --ring: #007acc;
22
+ --success: #369432;
23
+ --success-foreground: #ffffff;
24
+ --warning: #cca700;
25
+ --warning-foreground: #1e1e1e;
26
+
27
+ --font-sans: system-ui, sans-serif;
28
+ --font-mono: 'Fira Code', ui-monospace, monospace;
29
+ --radius: 0.625rem;
30
+
31
+ --code-bg: #2d2d2d;
32
+ --focus-highlight: #007acc;
33
+ }
34
+
35
+ .theme-dark-plus.light {
36
+ --background: #ffffff;
37
+ --foreground: #000000;
38
+ --card: #f3f3f3;
39
+ --card-foreground: #000000;
40
+ --popover: #f3f3f3;
41
+ --popover-foreground: #000000;
42
+ --primary: #007acc;
43
+ --primary-foreground: #ffffff;
44
+ --secondary: #e8e8e8;
45
+ --secondary-foreground: #000000;
46
+ --muted: #e5ebf1;
47
+ --muted-foreground: #6e7781;
48
+ --accent: #267f99;
49
+ --accent-foreground: #ffffff;
50
+ --destructive: #cd3131;
51
+ --destructive-foreground: #ffffff;
52
+ --border: #d4d4d4;
53
+ --input: #d4d4d4;
54
+ --ring: #007acc;
55
+ --success: #369432;
56
+ --success-foreground: #ffffff;
57
+ --warning: #bf8803;
58
+ --warning-foreground: #ffffff;
59
+
60
+ --font-sans: system-ui, sans-serif;
61
+ --font-mono: 'Fira Code', ui-monospace, monospace;
62
+ --radius: 0.625rem;
63
+
64
+ --code-bg: #f3f3f3;
65
+ --focus-highlight: #007acc;
66
+ }