@zerodep-dev/vue-tsx-pro-ui 0.3.0 → 0.3.2
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/dist/base/Blockquote.d.ts +1 -1
- package/dist/base/Blockquote.js +1 -1
- package/dist/base/Blockquote.js.map +1 -1
- package/dist/base/ButtonGroup.d.ts +1 -1
- package/dist/base/ButtonGroup.js +1 -1
- package/dist/base/ButtonGroup.js.map +1 -1
- package/dist/base/Code.d.ts +1 -1
- package/dist/base/Code.js +1 -1
- package/dist/base/Code.js.map +1 -1
- package/dist/base/CodeBlock.d.ts +1 -1
- package/dist/base/CodeBlock.js +1 -1
- package/dist/base/CodeBlock.js.map +1 -1
- package/dist/base/CopyButton.d.ts +1 -1
- package/dist/base/CopyButton.js +1 -1
- package/dist/base/CopyButton.js.map +1 -1
- package/dist/base/Heading.d.ts +1 -1
- package/dist/base/Heading.js +1 -1
- package/dist/base/Heading.js.map +1 -1
- package/dist/base/Icon.d.ts +1 -1
- package/dist/base/Icon.js +1 -1
- package/dist/base/Icon.js.map +1 -1
- package/dist/base/Indicator.d.ts +1 -1
- package/dist/base/Indicator.js +1 -1
- package/dist/base/Indicator.js.map +1 -1
- package/dist/base/Kbd.d.ts +1 -1
- package/dist/base/Kbd.js +1 -1
- package/dist/base/Kbd.js.map +1 -1
- package/dist/base/Link.d.ts +1 -1
- package/dist/base/Link.js +1 -1
- package/dist/base/Link.js.map +1 -1
- package/dist/base/List.d.ts +1 -1
- package/dist/base/List.js +1 -1
- package/dist/base/List.js.map +1 -1
- package/dist/base/Mark.d.ts +1 -1
- package/dist/base/Mark.js +1 -1
- package/dist/base/Mark.js.map +1 -1
- package/dist/base/Spinner.d.ts +1 -1
- package/dist/base/Spinner.js +1 -1
- package/dist/base/Spinner.js.map +1 -1
- package/dist/base/StatusDot.d.ts +1 -1
- package/dist/base/StatusDot.js +1 -1
- package/dist/base/StatusDot.js.map +1 -1
- package/dist/base/Tag.d.ts +1 -1
- package/dist/base/Tag.js +1 -1
- package/dist/base/Tag.js.map +1 -1
- package/dist/base/Text.d.ts +1 -1
- package/dist/base/Text.js +1 -1
- package/dist/base/Text.js.map +1 -1
- package/dist/base/VisuallyHidden.d.ts +1 -1
- package/dist/base/VisuallyHidden.js +1 -1
- package/dist/base/VisuallyHidden.js.map +1 -1
- package/dist/base/badge-styles.d.ts +1 -1
- package/dist/base/badge-styles.js +1 -1
- package/dist/base/badge-styles.js.map +1 -1
- package/dist/base/button-core.d.ts +1 -1
- package/dist/base/button-core.js +1 -1
- package/dist/base/button-core.js.map +1 -1
- package/dist/charts/ChordChart.d.ts +1 -1
- package/dist/charts/ChordChart.js +1 -1
- package/dist/charts/ChordChart.js.map +1 -1
- package/dist/charts/DonutChart.d.ts +1 -1
- package/dist/charts/DonutChart.js +1 -1
- package/dist/charts/DonutChart.js.map +1 -1
- package/dist/charts/FunnelChart.d.ts +1 -1
- package/dist/charts/FunnelChart.js +1 -1
- package/dist/charts/FunnelChart.js.map +1 -1
- package/dist/charts/GraphChart.d.ts +1 -1
- package/dist/charts/GraphChart.js +1 -1
- package/dist/charts/GraphChart.js.map +1 -1
- package/dist/charts/MapChart.d.ts +1 -1
- package/dist/charts/MapChart.js +1 -1
- package/dist/charts/MapChart.js.map +1 -1
- package/dist/charts/RadarChart.d.ts +1 -1
- package/dist/charts/RadarChart.js +1 -1
- package/dist/charts/RadarChart.js.map +1 -1
- package/dist/charts/SankeyChart.d.ts +1 -1
- package/dist/charts/SankeyChart.js +1 -1
- package/dist/charts/SankeyChart.js.map +1 -1
- package/dist/charts/TreemapChart.d.ts +1 -1
- package/dist/charts/TreemapChart.js +1 -1
- package/dist/charts/TreemapChart.js.map +1 -1
- package/dist/charts/XYChart.d.ts +1 -1
- package/dist/charts/XYChart.js +1 -1
- package/dist/charts/XYChart.js.map +1 -1
- package/dist/charts/frame.d.ts +1 -1
- package/dist/charts/frame.js +1 -1
- package/dist/charts/frame.js.map +1 -1
- package/dist/code-editor/CodeEditor.js +1 -1
- package/dist/code-editor/CodeEditor.js.map +1 -1
- package/dist/config/Provider.d.ts +1 -1
- package/dist/config/Provider.js +1 -1
- package/dist/config/Provider.js.map +1 -1
- package/dist/config/createUi.d.ts +1 -1
- package/dist/config/createUi.js +1 -1
- package/dist/config/createUi.js.map +1 -1
- package/dist/config/theme/coffee.d.ts +1 -1
- package/dist/config/theme/coffee.js +1 -1
- package/dist/config/theme/coffee.js.map +1 -1
- package/dist/config/theme/cyberpunk.d.ts +1 -1
- package/dist/config/theme/cyberpunk.js +1 -1
- package/dist/config/theme/cyberpunk.js.map +1 -1
- package/dist/config/theme/dark.d.ts +1 -1
- package/dist/config/theme/dark.js +1 -1
- package/dist/config/theme/dark.js.map +1 -1
- package/dist/config/theme/festive.d.ts +1 -1
- package/dist/config/theme/festive.js +1 -1
- package/dist/config/theme/festive.js.map +1 -1
- package/dist/config/theme/forest.d.ts +1 -1
- package/dist/config/theme/forest.js +1 -1
- package/dist/config/theme/forest.js.map +1 -1
- package/dist/config/theme/high-contrast.d.ts +1 -1
- package/dist/config/theme/high-contrast.js +1 -1
- package/dist/config/theme/high-contrast.js.map +1 -1
- package/dist/config/theme/lemon.d.ts +1 -1
- package/dist/config/theme/lemon.js +1 -1
- package/dist/config/theme/lemon.js.map +1 -1
- package/dist/config/theme/light.d.ts +1 -1
- package/dist/config/theme/light.js +1 -1
- package/dist/config/theme/light.js.map +1 -1
- package/dist/config/theme/midnight.d.ts +1 -1
- package/dist/config/theme/midnight.js +1 -1
- package/dist/config/theme/midnight.js.map +1 -1
- package/dist/config/theme/ocean.d.ts +1 -1
- package/dist/config/theme/ocean.js +1 -1
- package/dist/config/theme/ocean.js.map +1 -1
- package/dist/config/theme/paper.d.ts +1 -1
- package/dist/config/theme/paper.js +1 -1
- package/dist/config/theme/paper.js.map +1 -1
- package/dist/config/theme/sakura.d.ts +1 -1
- package/dist/config/theme/sakura.js +1 -1
- package/dist/config/theme/sakura.js.map +1 -1
- package/dist/config/theme/theme.js +1 -1
- package/dist/config/theme/theme.js.map +1 -1
- package/dist/config/theme/tokens.d.ts +1 -1
- package/dist/config/theme/tokens.js +1 -1
- package/dist/config/theme/tokens.js.map +1 -1
- package/dist/date/CalendarBoard.d.ts +1 -1
- package/dist/date/CalendarBoard.js +1 -1
- package/dist/date/CalendarBoard.js.map +1 -1
- package/dist/date/CalendarView.d.ts +1 -1
- package/dist/date/CalendarView.js +1 -1
- package/dist/date/CalendarView.js.map +1 -1
- package/dist/date/Countdown.d.ts +1 -1
- package/dist/date/Countdown.js +1 -1
- package/dist/date/Countdown.js.map +1 -1
- package/dist/date/DatePicker.d.ts +1 -1
- package/dist/date/DatePicker.js +1 -1
- package/dist/date/DatePicker.js.map +1 -1
- package/dist/date/DateRangePicker.d.ts +1 -1
- package/dist/date/DateRangePicker.js +1 -1
- package/dist/date/DateRangePicker.js.map +1 -1
- package/dist/date/DateSegmentGroup.d.ts +1 -1
- package/dist/date/DateSegmentGroup.js +1 -1
- package/dist/date/DateSegmentGroup.js.map +1 -1
- package/dist/date/QuarterCalendar.js +1 -1
- package/dist/date/QuarterCalendar.js.map +1 -1
- package/dist/date/SegmentedField.d.ts +1 -1
- package/dist/date/SegmentedField.js +1 -1
- package/dist/date/SegmentedField.js.map +1 -1
- package/dist/date/TimePicker.d.ts +1 -1
- package/dist/date/TimePicker.js +1 -1
- package/dist/date/TimePicker.js.map +1 -1
- package/dist/date/picker-popover.d.ts +1 -1
- package/dist/date/picker-popover.js +1 -1
- package/dist/date/picker-popover.js.map +1 -1
- package/dist/diagram/Diagram.d.ts +1 -1
- package/dist/diagram/Diagram.js +1 -1
- package/dist/diagram/Diagram.js.map +1 -1
- package/dist/diagram/DiagramControls.d.ts +1 -1
- package/dist/diagram/DiagramControls.js +1 -1
- package/dist/diagram/DiagramControls.js.map +1 -1
- package/dist/diagram/DiagramLanes.d.ts +1 -1
- package/dist/diagram/DiagramLanes.js +1 -1
- package/dist/diagram/DiagramLanes.js.map +1 -1
- package/dist/diagram/DiagramMinimap.d.ts +1 -1
- package/dist/diagram/DiagramMinimap.js +1 -1
- package/dist/diagram/DiagramMinimap.js.map +1 -1
- package/dist/diagram/DiagramNode.d.ts +1 -1
- package/dist/diagram/DiagramNode.js +1 -1
- package/dist/diagram/DiagramNode.js.map +1 -1
- package/dist/display/Accordion.d.ts +1 -1
- package/dist/display/Accordion.js +1 -1
- package/dist/display/Accordion.js.map +1 -1
- package/dist/display/AnimatedNumber.d.ts +1 -1
- package/dist/display/AnimatedNumber.js +1 -1
- package/dist/display/AnimatedNumber.js.map +1 -1
- package/dist/display/Avatar.d.ts +1 -1
- package/dist/display/Avatar.js +1 -1
- package/dist/display/Avatar.js.map +1 -1
- package/dist/display/AvatarGroup.d.ts +1 -1
- package/dist/display/AvatarGroup.js +1 -1
- package/dist/display/AvatarGroup.js.map +1 -1
- package/dist/display/Card.d.ts +1 -1
- package/dist/display/Card.js +1 -1
- package/dist/display/Card.js.map +1 -1
- package/dist/display/Checklist.d.ts +1 -1
- package/dist/display/Checklist.js +1 -1
- package/dist/display/Checklist.js.map +1 -1
- package/dist/display/Collapse.d.ts +1 -1
- package/dist/display/Collapse.js +1 -1
- package/dist/display/Collapse.js.map +1 -1
- package/dist/display/Descriptions.d.ts +1 -1
- package/dist/display/Descriptions.js +1 -1
- package/dist/display/Descriptions.js.map +1 -1
- package/dist/display/Ellipsis.d.ts +1 -1
- package/dist/display/Ellipsis.js +1 -1
- package/dist/display/Ellipsis.js.map +1 -1
- package/dist/display/FieldCompare.d.ts +1 -1
- package/dist/display/FieldCompare.js +1 -1
- package/dist/display/FieldCompare.js.map +1 -1
- package/dist/display/Gauge.d.ts +1 -1
- package/dist/display/Gauge.js +1 -1
- package/dist/display/Gauge.js.map +1 -1
- package/dist/display/Image.d.ts +1 -1
- package/dist/display/Image.js +1 -1
- package/dist/display/Image.js.map +1 -1
- package/dist/display/ItemList.d.ts +1 -1
- package/dist/display/ItemList.js +1 -1
- package/dist/display/ItemList.js.map +1 -1
- package/dist/display/Marquee.d.ts +1 -1
- package/dist/display/Marquee.js +1 -1
- package/dist/display/Marquee.js.map +1 -1
- package/dist/display/ProportionBar.d.ts +1 -1
- package/dist/display/ProportionBar.js +1 -1
- package/dist/display/ProportionBar.js.map +1 -1
- package/dist/display/Sortable.d.ts +1 -1
- package/dist/display/Sortable.js +1 -1
- package/dist/display/Sortable.js.map +1 -1
- package/dist/display/Sparkline.d.ts +1 -1
- package/dist/display/Sparkline.js +1 -1
- package/dist/display/Sparkline.js.map +1 -1
- package/dist/display/Stat.d.ts +1 -1
- package/dist/display/Stat.js +1 -1
- package/dist/display/Stat.js.map +1 -1
- package/dist/display/Timeline.d.ts +1 -1
- package/dist/display/Timeline.js +1 -1
- package/dist/display/Timeline.js.map +1 -1
- package/dist/display/Tree.d.ts +1 -1
- package/dist/display/Tree.js +1 -1
- package/dist/display/Tree.js.map +1 -1
- package/dist/display/VirtualList.d.ts +1 -1
- package/dist/display/VirtualList.js +1 -1
- package/dist/display/VirtualList.js.map +1 -1
- package/dist/display/Watermark.d.ts +1 -1
- package/dist/display/Watermark.js +1 -1
- package/dist/display/Watermark.js.map +1 -1
- package/dist/docs-kit/CodeGroup.d.ts +1 -1
- package/dist/docs-kit/CodeGroup.js +1 -1
- package/dist/docs-kit/CodeGroup.js.map +1 -1
- package/dist/docs-kit/CodePreview.d.ts +1 -1
- package/dist/docs-kit/CodePreview.js +1 -1
- package/dist/docs-kit/CodePreview.js.map +1 -1
- package/dist/docs-kit/ColorSwatch.d.ts +1 -1
- package/dist/docs-kit/ColorSwatch.js +1 -1
- package/dist/docs-kit/ColorSwatch.js.map +1 -1
- package/dist/docs-kit/PropsTable.d.ts +1 -1
- package/dist/docs-kit/PropsTable.js +1 -1
- package/dist/docs-kit/PropsTable.js.map +1 -1
- package/dist/feedback/Alert.d.ts +1 -1
- package/dist/feedback/Alert.js +1 -1
- package/dist/feedback/Alert.js.map +1 -1
- package/dist/feedback/Banner.d.ts +1 -1
- package/dist/feedback/Banner.js +1 -1
- package/dist/feedback/Banner.js.map +1 -1
- package/dist/feedback/Empty.d.ts +1 -1
- package/dist/feedback/Empty.js +1 -1
- package/dist/feedback/Empty.js.map +1 -1
- package/dist/feedback/LoadingBar.d.ts +1 -1
- package/dist/feedback/LoadingBar.js +1 -1
- package/dist/feedback/LoadingBar.js.map +1 -1
- package/dist/feedback/LoadingOverlay.d.ts +1 -1
- package/dist/feedback/LoadingOverlay.js +1 -1
- package/dist/feedback/LoadingOverlay.js.map +1 -1
- package/dist/feedback/Progress.d.ts +1 -1
- package/dist/feedback/Progress.js +1 -1
- package/dist/feedback/Progress.js.map +1 -1
- package/dist/feedback/Result.d.ts +1 -1
- package/dist/feedback/Result.js +1 -1
- package/dist/feedback/Result.js.map +1 -1
- package/dist/feedback/Skeleton.d.ts +1 -1
- package/dist/feedback/Skeleton.js +1 -1
- package/dist/feedback/Skeleton.js.map +1 -1
- package/dist/feedback/SkeletonText.d.ts +1 -1
- package/dist/feedback/SkeletonText.js +1 -1
- package/dist/feedback/SkeletonText.js.map +1 -1
- package/dist/feedback/Toast.d.ts +1 -1
- package/dist/feedback/Toast.js +1 -1
- package/dist/feedback/Toast.js.map +1 -1
- package/dist/form/Field.d.ts +1 -1
- package/dist/form/Field.js +1 -1
- package/dist/form/Field.js.map +1 -1
- package/dist/form/FormErrorSummary.d.ts +1 -1
- package/dist/form/FormErrorSummary.js +1 -1
- package/dist/form/FormErrorSummary.js.map +1 -1
- package/dist/form/FormSection.d.ts +1 -1
- package/dist/form/FormSection.js +1 -1
- package/dist/form/FormSection.js.map +1 -1
- package/dist/form/schemas.d.ts +1 -1
- package/dist/form/schemas.js +1 -1
- package/dist/form/schemas.js.map +1 -1
- package/dist/input/Cascader.d.ts +1 -1
- package/dist/input/Cascader.js +1 -1
- package/dist/input/Cascader.js.map +1 -1
- package/dist/input/CharacterCount.d.ts +1 -1
- package/dist/input/CharacterCount.js +1 -1
- package/dist/input/CharacterCount.js.map +1 -1
- package/dist/input/Checkbox.d.ts +1 -1
- package/dist/input/Checkbox.js +1 -1
- package/dist/input/Checkbox.js.map +1 -1
- package/dist/input/ColorField.d.ts +1 -1
- package/dist/input/ColorField.js +1 -1
- package/dist/input/ColorField.js.map +1 -1
- package/dist/input/Combobox.d.ts +1 -1
- package/dist/input/Combobox.js +1 -1
- package/dist/input/Combobox.js.map +1 -1
- package/dist/input/ConditionBuilder.d.ts +1 -1
- package/dist/input/ConditionBuilder.js +1 -1
- package/dist/input/ConditionBuilder.js.map +1 -1
- package/dist/input/ControlGroup.d.ts +1 -1
- package/dist/input/ControlGroup.js +1 -1
- package/dist/input/ControlGroup.js.map +1 -1
- package/dist/input/FileDrop.d.ts +1 -1
- package/dist/input/FileDrop.js +1 -1
- package/dist/input/FileDrop.js.map +1 -1
- package/dist/input/ListPopover.d.ts +1 -1
- package/dist/input/ListPopover.js +1 -1
- package/dist/input/ListPopover.js.map +1 -1
- package/dist/input/Listbox.d.ts +1 -1
- package/dist/input/Listbox.js +1 -1
- package/dist/input/Listbox.js.map +1 -1
- package/dist/input/Mentions.d.ts +1 -1
- package/dist/input/Mentions.js +1 -1
- package/dist/input/Mentions.js.map +1 -1
- package/dist/input/NumberRangeField.d.ts +1 -1
- package/dist/input/NumberRangeField.js +1 -1
- package/dist/input/NumberRangeField.js.map +1 -1
- package/dist/input/OtpField.d.ts +1 -1
- package/dist/input/OtpField.js +1 -1
- package/dist/input/OtpField.js.map +1 -1
- package/dist/input/PeoplePicker.js +1 -1
- package/dist/input/PeoplePicker.js.map +1 -1
- package/dist/input/PeoplePickerPanel.d.ts +1 -1
- package/dist/input/PeoplePickerPanel.js +1 -1
- package/dist/input/PeoplePickerPanel.js.map +1 -1
- package/dist/input/Radio.d.ts +1 -1
- package/dist/input/Radio.js +1 -1
- package/dist/input/Radio.js.map +1 -1
- package/dist/input/Rating.d.ts +1 -1
- package/dist/input/Rating.js +1 -1
- package/dist/input/Rating.js.map +1 -1
- package/dist/input/Select.d.ts +1 -1
- package/dist/input/Select.js +1 -1
- package/dist/input/Select.js.map +1 -1
- package/dist/input/SelectedTags.d.ts +1 -1
- package/dist/input/SelectedTags.js +1 -1
- package/dist/input/SelectedTags.js.map +1 -1
- package/dist/input/Slider.d.ts +1 -1
- package/dist/input/Slider.js +1 -1
- package/dist/input/Slider.js.map +1 -1
- package/dist/input/Switch.d.ts +1 -1
- package/dist/input/Switch.js +1 -1
- package/dist/input/Switch.js.map +1 -1
- package/dist/input/TagsInput.d.ts +1 -1
- package/dist/input/TagsInput.js +1 -1
- package/dist/input/TagsInput.js.map +1 -1
- package/dist/input/Textarea.d.ts +1 -1
- package/dist/input/Textarea.js +1 -1
- package/dist/input/Textarea.js.map +1 -1
- package/dist/input/ToggleGroup.d.ts +1 -1
- package/dist/input/ToggleGroup.js +1 -1
- package/dist/input/ToggleGroup.js.map +1 -1
- package/dist/input/Transfer.d.ts +1 -1
- package/dist/input/Transfer.js +1 -1
- package/dist/input/Transfer.js.map +1 -1
- package/dist/input/TreeSelect.d.ts +1 -1
- package/dist/input/TreeSelect.js +1 -1
- package/dist/input/TreeSelect.js.map +1 -1
- package/dist/input/Upload.d.ts +1 -1
- package/dist/input/Upload.js +1 -1
- package/dist/input/Upload.js.map +1 -1
- package/dist/input/choice-styles.d.ts +1 -1
- package/dist/input/choice-styles.js +1 -1
- package/dist/input/choice-styles.js.map +1 -1
- package/dist/input/control.d.ts +1 -1
- package/dist/input/control.js +1 -1
- package/dist/input/control.js.map +1 -1
- package/dist/layout/Affix.d.ts +1 -1
- package/dist/layout/Affix.js +1 -1
- package/dist/layout/Affix.js.map +1 -1
- package/dist/layout/AsideLayout.d.ts +1 -1
- package/dist/layout/AsideLayout.js +1 -1
- package/dist/layout/AsideLayout.js.map +1 -1
- package/dist/layout/BackTop.d.ts +1 -1
- package/dist/layout/BackTop.js +1 -1
- package/dist/layout/BackTop.js.map +1 -1
- package/dist/layout/Container.d.ts +1 -1
- package/dist/layout/Container.js +1 -1
- package/dist/layout/Container.js.map +1 -1
- package/dist/layout/Flex.d.ts +1 -1
- package/dist/layout/Flex.js +1 -1
- package/dist/layout/Flex.js.map +1 -1
- package/dist/layout/Grid.d.ts +1 -1
- package/dist/layout/Grid.js +1 -1
- package/dist/layout/Grid.js.map +1 -1
- package/dist/layout/PageScrollbar.d.ts +1 -1
- package/dist/layout/PageScrollbar.js +1 -1
- package/dist/layout/PageScrollbar.js.map +1 -1
- package/dist/layout/Prose.d.ts +1 -1
- package/dist/layout/Prose.js +1 -1
- package/dist/layout/Prose.js.map +1 -1
- package/dist/layout/ResizeHandle.d.ts +1 -1
- package/dist/layout/ResizeHandle.js +1 -1
- package/dist/layout/ResizeHandle.js.map +1 -1
- package/dist/layout/ScrollArea.d.ts +1 -1
- package/dist/layout/ScrollArea.js +1 -1
- package/dist/layout/ScrollArea.js.map +1 -1
- package/dist/layout/Separator.d.ts +1 -1
- package/dist/layout/Separator.js +1 -1
- package/dist/layout/Separator.js.map +1 -1
- package/dist/layout/Splitter.d.ts +1 -1
- package/dist/layout/Splitter.js +1 -1
- package/dist/layout/Splitter.js.map +1 -1
- package/dist/layout/ViewportFill.d.ts +1 -1
- package/dist/layout/ViewportFill.js +1 -1
- package/dist/layout/ViewportFill.js.map +1 -1
- package/dist/navigation/Breadcrumbs.d.ts +1 -1
- package/dist/navigation/Breadcrumbs.js +1 -1
- package/dist/navigation/Breadcrumbs.js.map +1 -1
- package/dist/navigation/NavBar.d.ts +1 -1
- package/dist/navigation/NavBar.js +1 -1
- package/dist/navigation/NavBar.js.map +1 -1
- package/dist/navigation/NavList.d.ts +1 -1
- package/dist/navigation/NavList.js +1 -1
- package/dist/navigation/NavList.js.map +1 -1
- package/dist/navigation/PageJump.d.ts +1 -1
- package/dist/navigation/PageJump.js +1 -1
- package/dist/navigation/PageJump.js.map +1 -1
- package/dist/navigation/PageSizeSelect.d.ts +1 -1
- package/dist/navigation/PageSizeSelect.js +1 -1
- package/dist/navigation/PageSizeSelect.js.map +1 -1
- package/dist/navigation/Pager.d.ts +1 -1
- package/dist/navigation/Pager.js +1 -1
- package/dist/navigation/Pager.js.map +1 -1
- package/dist/navigation/Pagination.d.ts +1 -1
- package/dist/navigation/Pagination.js +1 -1
- package/dist/navigation/Pagination.js.map +1 -1
- package/dist/navigation/PaginationBar.d.ts +1 -1
- package/dist/navigation/PaginationBar.js +1 -1
- package/dist/navigation/PaginationBar.js.map +1 -1
- package/dist/navigation/SkipLink.d.ts +1 -1
- package/dist/navigation/SkipLink.js +1 -1
- package/dist/navigation/SkipLink.js.map +1 -1
- package/dist/navigation/Steps.d.ts +1 -1
- package/dist/navigation/Steps.js +1 -1
- package/dist/navigation/Steps.js.map +1 -1
- package/dist/navigation/TableOfContents.d.ts +1 -1
- package/dist/navigation/TableOfContents.js +1 -1
- package/dist/navigation/TableOfContents.js.map +1 -1
- package/dist/navigation/Tabs.d.ts +1 -1
- package/dist/navigation/Tabs.js +1 -1
- package/dist/navigation/Tabs.js.map +1 -1
- package/dist/navigation/Toolbar.d.ts +1 -1
- package/dist/navigation/Toolbar.js +1 -1
- package/dist/navigation/Toolbar.js.map +1 -1
- package/dist/overlay/CommandPalette.d.ts +1 -1
- package/dist/overlay/CommandPalette.js +1 -1
- package/dist/overlay/CommandPalette.js.map +1 -1
- package/dist/overlay/Dialog.d.ts +1 -1
- package/dist/overlay/Dialog.js +1 -1
- package/dist/overlay/Dialog.js.map +1 -1
- package/dist/overlay/Drawer.d.ts +1 -1
- package/dist/overlay/Drawer.js +1 -1
- package/dist/overlay/Drawer.js.map +1 -1
- package/dist/overlay/HoverCard.d.ts +1 -1
- package/dist/overlay/HoverCard.js +1 -1
- package/dist/overlay/HoverCard.js.map +1 -1
- package/dist/overlay/Lightbox.d.ts +1 -1
- package/dist/overlay/Lightbox.js +1 -1
- package/dist/overlay/Lightbox.js.map +1 -1
- package/dist/overlay/Menu.d.ts +1 -1
- package/dist/overlay/Menu.js +1 -1
- package/dist/overlay/Menu.js.map +1 -1
- package/dist/overlay/Popconfirm.d.ts +1 -1
- package/dist/overlay/Popconfirm.js +1 -1
- package/dist/overlay/Popconfirm.js.map +1 -1
- package/dist/overlay/Popover.d.ts +1 -1
- package/dist/overlay/Popover.js +1 -1
- package/dist/overlay/Popover.js.map +1 -1
- package/dist/overlay/Tooltip.d.ts +1 -1
- package/dist/overlay/Tooltip.js +1 -1
- package/dist/overlay/Tooltip.js.map +1 -1
- package/dist/overlay/Tour.d.ts +1 -1
- package/dist/overlay/Tour.js +1 -1
- package/dist/overlay/Tour.js.map +1 -1
- package/dist/patterns/ActionBar.d.ts +1 -1
- package/dist/patterns/ActionBar.js +1 -1
- package/dist/patterns/ActionBar.js.map +1 -1
- package/dist/patterns/AppShell.d.ts +1 -1
- package/dist/patterns/AppShell.js +1 -1
- package/dist/patterns/AppShell.js.map +1 -1
- package/dist/patterns/AuthLayout.d.ts +2 -2
- package/dist/patterns/AuthLayout.js +2 -2
- package/dist/patterns/AuthLayout.js.map +1 -1
- package/dist/patterns/CommentThread.d.ts +1 -1
- package/dist/patterns/CommentThread.js +1 -1
- package/dist/patterns/CommentThread.js.map +1 -1
- package/dist/patterns/DataImport.d.ts +1 -1
- package/dist/patterns/DataImport.js +1 -1
- package/dist/patterns/DataImport.js.map +1 -1
- package/dist/patterns/FilterBar.d.ts +1 -1
- package/dist/patterns/FilterBar.js +1 -1
- package/dist/patterns/FilterBar.js.map +1 -1
- package/dist/patterns/KanbanBoard.d.ts +1 -1
- package/dist/patterns/KanbanBoard.js +1 -1
- package/dist/patterns/KanbanBoard.js.map +1 -1
- package/dist/patterns/NotificationCenter.d.ts +1 -1
- package/dist/patterns/NotificationCenter.js +1 -1
- package/dist/patterns/NotificationCenter.js.map +1 -1
- package/dist/patterns/QueryTable.d.ts +1 -1
- package/dist/patterns/QueryTable.js +1 -1
- package/dist/patterns/QueryTable.js.map +1 -1
- package/dist/patterns/SlideCaptcha.d.ts +1 -1
- package/dist/patterns/SlideCaptcha.js +1 -1
- package/dist/patterns/SlideCaptcha.js.map +1 -1
- package/dist/patterns/StepsForm.d.ts +1 -1
- package/dist/patterns/StepsForm.js +1 -1
- package/dist/patterns/StepsForm.js.map +1 -1
- package/dist/table/ColumnHeaderActions.d.ts +1 -1
- package/dist/table/ColumnHeaderActions.js +1 -1
- package/dist/table/ColumnHeaderActions.js.map +1 -1
- package/dist/table/ColumnSettings.d.ts +1 -1
- package/dist/table/ColumnSettings.js +1 -1
- package/dist/table/ColumnSettings.js.map +1 -1
- package/dist/table/ColumnTable.d.ts +1 -1
- package/dist/table/ColumnTable.js +1 -1
- package/dist/table/ColumnTable.js.map +1 -1
- package/dist/table/DataTableView.d.ts +1 -1
- package/dist/table/DataTableView.js +1 -1
- package/dist/table/DataTableView.js.map +1 -1
- package/dist/table/PivotTable.d.ts +1 -1
- package/dist/table/PivotTable.js +1 -1
- package/dist/table/PivotTable.js.map +1 -1
- package/dist/table/SelectionBar.d.ts +1 -1
- package/dist/table/SelectionBar.js +1 -1
- package/dist/table/SelectionBar.js.map +1 -1
- package/dist/table/Table.d.ts +1 -1
- package/dist/table/Table.js +1 -1
- package/dist/table/Table.js.map +1 -1
- package/dist/table/TreeDataTable.d.ts +1 -1
- package/dist/table/TreeDataTable.js +1 -1
- package/dist/table/TreeDataTable.js.map +1 -1
- package/dist/table/table-styles.d.ts +1 -1
- package/dist/table/table-styles.js +1 -1
- package/dist/table/table-styles.js.map +1 -1
- package/dist/theme-customize/ThemeCustomizer.d.ts +1 -1
- package/dist/theme-customize/ThemeCustomizer.js +1 -1
- package/dist/theme-customize/ThemeCustomizer.js.map +1 -1
- package/dist/theme-customize/ThemeThumbnail.d.ts +1 -1
- package/dist/theme-customize/ThemeThumbnail.js +1 -1
- package/dist/theme-customize/ThemeThumbnail.js.map +1 -1
- package/dist/theme-customize/design-tokens.js +1 -1
- package/dist/theme-customize/design-tokens.js.map +1 -1
- package/dist/three/core/EffectSurface.d.ts +1 -1
- package/dist/three/core/EffectSurface.js +1 -1
- package/dist/three/core/EffectSurface.js.map +1 -1
- package/dist/three/core/ThreeCanvas.d.ts +1 -1
- package/dist/three/core/ThreeCanvas.js +1 -1
- package/dist/three/core/ThreeCanvas.js.map +1 -1
- package/dist/three/effects/Confetti.d.ts +1 -1
- package/dist/three/effects/Confetti.js +1 -1
- package/dist/three/effects/Confetti.js.map +1 -1
- package/dist/three/globe/Globe.d.ts +1 -1
- package/dist/three/globe/Globe.js +1 -1
- package/dist/three/globe/Globe.js.map +1 -1
- package/dist/three/model/ModelViewer.d.ts +1 -1
- package/dist/three/model/ModelViewer.js +1 -1
- package/dist/three/model/ModelViewer.js.map +1 -1
- package/dist/utils/dom/floating.d.ts +1 -1
- package/dist/utils/dom/floating.js +1 -1
- package/dist/utils/dom/floating.js.map +1 -1
- package/dist/utils/dom/ripple.d.ts +1 -1
- package/dist/utils/dom/ripple.js +1 -1
- package/dist/utils/dom/ripple.js.map +1 -1
- package/dist/utils/props.js +1 -1
- package/dist/utils/props.js.map +1 -1
- package/dist/utils/style/attached.d.ts +1 -1
- package/dist/utils/style/attached.js +1 -1
- package/dist/utils/style/attached.js.map +1 -1
- package/dist/utils/style/item-styles.d.ts +1 -1
- package/dist/utils/style/item-styles.js +1 -1
- package/dist/utils/style/item-styles.js.map +1 -1
- package/dist/utils/style/markers.d.ts +1 -1
- package/dist/utils/style/markers.js +1 -1
- package/dist/utils/style/markers.js.map +1 -1
- package/dist/utils/style/shimmer.d.ts +1 -1
- package/dist/utils/style/shimmer.js +1 -1
- package/dist/utils/style/shimmer.js.map +1 -1
- package/dist/utils/style/styles.d.ts +1 -1
- package/dist/utils/style/styles.js +1 -1
- package/dist/utils/style/styles.js.map +1 -1
- package/dist/utils/style/swatch-styles.d.ts +1 -1
- package/dist/utils/style/swatch-styles.js +1 -1
- package/dist/utils/style/swatch-styles.js.map +1 -1
- package/dist/utils/style/tone-styles.d.ts +1 -1
- package/dist/utils/style/tone-styles.js +1 -1
- package/dist/utils/style/tone-styles.js.map +1 -1
- package/dist/utils/style/transitions.d.ts +1 -1
- package/dist/utils/style/transitions.js +1 -1
- package/dist/utils/style/transitions.js.map +1 -1
- package/dist/utils/style/typography.d.ts +1 -1
- package/dist/utils/style/typography.js +1 -1
- package/dist/utils/style/typography.js.map +1 -1
- package/dist/utils/style/vars.d.ts +1 -1
- package/dist/utils/style/vars.js +1 -1
- package/dist/utils/style/vars.js.map +1 -1
- package/package.json +2 -2
|
@@ -2,7 +2,7 @@ import { colors } from "./tokens.js";
|
|
|
2
2
|
import { defaultRadii } from "./light.js";
|
|
3
3
|
import { darkShadows } from "./dark.js";
|
|
4
4
|
import { paperFonts } from "./paper.js";
|
|
5
|
-
import
|
|
5
|
+
import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
|
|
6
6
|
//#region src/config/theme/coffee.ts
|
|
7
7
|
/**
|
|
8
8
|
* 咖啡主题的颜色:浓缩咖啡色的页面、焦糖色的品牌色 `#c8915a`(配深色字)、奶泡色的文字。中性色按 slate 暗色各级亮度换成暖棕色相(oklch 55°),品牌色取 Radix brown 色阶。
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"coffee.js","names":[],"sources":["../../../src/config/theme/coffee.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"coffee.js","names":[],"sources":["../../../src/config/theme/coffee.ts"],"sourcesContent":["import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { darkShadows } from './dark';\nimport { paperFonts } from './paper';\nimport { defaultRadii } from './light';\nimport type { Theme } from './theme';\nimport { colors } from './tokens';\n\n/**\n * 咖啡主题的颜色:浓缩咖啡色的页面、焦糖色的品牌色 `#c8915a`(配深色字)、奶泡色的文字。中性色按 slate 暗色各级亮度换成暖棕色相(oklch 55°),品牌色取 Radix brown 色阶。\n * 先按风格取色,再按对比度要求调深浅(pnpm themes:check 校验)\n */\nexport const coffeeColors = css.createTheme(colors, {\n background: '#180f0a',\n surface: '#201711',\n surfaceMuted: '#201711',\n surfaceRaised: '#201711',\n fill: '#2c1f16',\n fillHover: '#34261d',\n fillActive: '#3b2d24',\n text: '#ffe9dc',\n textMuted: '#c4afa2',\n textPlaceholder: '#8a776a',\n textDisabled: '#6c5d52',\n borderMuted: '#45362d',\n border: '#53443a',\n borderStrong: '#6c5d52',\n accent: '#c8915a',\n accentHover: '#cf9e6e',\n accentContrast: '#180f0a',\n accentText: '#e3b98c',\n accentSoft: '#28211d',\n accentSoftHover: '#322922',\n accentBorder: '#614a39',\n danger: '#b54548',\n dangerHover: '#98393b',\n dangerContrast: '#ffffff',\n dangerText: '#ff9592',\n dangerSoft: '#3b1219',\n dangerSoftHover: '#500f1c',\n dangerBorder: '#8c333a',\n successText: '#3dd68c',\n successSoft: '#132d21',\n successBorder: '#28684a',\n success: '#30a46c',\n successHover: '#52af7d',\n successContrast: '#180f0a',\n successSoftHover: '#113b29',\n warningText: '#ffca16',\n warningSoft: '#302008',\n warningBorder: '#714f19',\n warning: '#ffc53d',\n warningHover: '#ffcd5f',\n warningContrast: '#180f0a',\n warningSoftHover: '#3f2700',\n infoText: '#70b8ff',\n infoSoft: '#0d2847',\n infoBorder: '#205d9e',\n info: '#0090ff',\n infoHover: '#3d9fff',\n infoContrast: '#180f0a',\n infoSoftHover: '#003362',\n inverseSurface: '#ffe9dc',\n inverseText: '#180f0a',\n focusRing: '#c8915a',\n overlay: 'rgba(0, 0, 0, 0.6)',\n selection: '#3e3128',\n highlight: '#302008',\n surfaceTranslucent: 'rgba(24, 15, 10, 0.8)',\n codeKeyword: '#e3b98c',\n codeString: '#3dd68c',\n codeNumber: '#ffa057',\n codeFunction: '#baa7ff',\n codeType: '#4ccce6',\n codeComment: '#c4afa2',\n codeTag: '#ff92ad',\n codeAttribute: '#dbb594',\n codeInserted: '#132d21',\n codeDeleted: '#3b1219',\n chart1: '#c8915a',\n chart2: '#ffc53d',\n chart3: '#f76b15',\n chart4: '#a18072',\n chart5: '#978365',\n chart6: '#e54d2e',\n chart7: '#46a758',\n chart8: '#7ce2fe',\n});\n\n/** 咖啡主题:浓缩咖啡底、焦糖品牌色、暖色的深阴影、衬线标题;浏览器配色按暗色 */\nexport const coffeeTheme: Theme = {\n name: 'coffee',\n colorScheme: 'dark',\n styles: [coffeeColors, darkShadows, paperFonts, defaultRadii],\n overrides: {},\n};\n"],"mappings":";;;;;;;;;;AAWA,IAAa,eAAe,IAAI,YAAY,QAAQ;CAClD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,cAAqB;CAChC,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAc;EAAa;EAAY;CAAY;CAC5D,WAAW,CAAC;AACd"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';
|
|
2
2
|
import type { Theme } from './theme';
|
|
3
3
|
/**
|
|
4
4
|
* 赛博朋克主题的颜色:深紫黑的页面、霓虹品红的品牌色 `#ff2bd6`(配深色字)、霓虹青的焦点环与信息色。中性色按 slate 暗色各级亮度换成紫色相(oklch 290°)并加大色度;图表与代码高亮用荧光色。
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { colors, fonts, radii, shadows } from "./tokens.js";
|
|
2
|
-
import
|
|
2
|
+
import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
|
|
3
3
|
//#region src/config/theme/cyberpunk.ts
|
|
4
4
|
/**
|
|
5
5
|
* 赛博朋克主题的颜色:深紫黑的页面、霓虹品红的品牌色 `#ff2bd6`(配深色字)、霓虹青的焦点环与信息色。中性色按 slate 暗色各级亮度换成紫色相(oklch 290°)并加大色度;图表与代码高亮用荧光色。
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cyberpunk.js","names":[],"sources":["../../../src/config/theme/cyberpunk.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"cyberpunk.js","names":[],"sources":["../../../src/config/theme/cyberpunk.ts"],"sourcesContent":["import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport type { Theme } from './theme';\nimport { colors, fonts, radii, shadows } from './tokens';\n\n/**\n * 赛博朋克主题的颜色:深紫黑的页面、霓虹品红的品牌色 `#ff2bd6`(配深色字)、霓虹青的焦点环与信息色。中性色按 slate 暗色各级亮度换成紫色相(oklch 290°)并加大色度;图表与代码高亮用荧光色。\n * 先按风格取色,再按对比度要求调深浅(pnpm themes:check 校验)\n */\nexport const cyberpunkColors = css.createTheme(colors, {\n background: '#110e20',\n surface: '#191628',\n surfaceMuted: '#191628',\n surfaceRaised: '#191628',\n fill: '#221c3d',\n fillHover: '#2a2445',\n fillActive: '#312b4d',\n text: '#ede9ff',\n textMuted: '#b3afd2',\n textPlaceholder: '#7a7697',\n textDisabled: '#5f5b80',\n borderMuted: '#393457',\n border: '#474266',\n borderStrong: '#5f5b80',\n accent: '#ff2bd6',\n accentHover: '#ff55dc',\n accentContrast: '#110e20',\n accentText: '#ff7ae6',\n accentSoft: '#37172f',\n accentSoftHover: '#4b143d',\n accentBorder: '#833869',\n danger: '#b54548',\n dangerHover: '#98393b',\n dangerContrast: '#ffffff',\n dangerText: '#ff9592',\n dangerSoft: '#3b1219',\n dangerSoftHover: '#500f1c',\n dangerBorder: '#8c333a',\n successText: '#3dd68c',\n successSoft: '#132d21',\n successBorder: '#28684a',\n success: '#30a46c',\n successHover: '#52af7d',\n successContrast: '#110e20',\n successSoftHover: '#113b29',\n warningText: '#ffca16',\n warningSoft: '#302008',\n warningBorder: '#714f19',\n warning: '#ffc53d',\n warningHover: '#ffcd5f',\n warningContrast: '#110e20',\n warningSoftHover: '#3f2700',\n infoText: '#4ccce6',\n infoSoft: '#082c36',\n infoBorder: '#12677e',\n info: '#00a2c7',\n infoHover: '#42adce',\n infoContrast: '#110e20',\n infoSoftHover: '#003848',\n inverseSurface: '#ede9ff',\n inverseText: '#110e20',\n focusRing: '#00e5ff',\n overlay: 'rgba(0, 0, 0, 0.6)',\n selection: '#591c47',\n highlight: '#302008',\n surfaceTranslucent: 'rgba(17, 14, 32, 0.8)',\n codeKeyword: '#ff7ae6',\n codeString: '#39ff14',\n codeNumber: '#f8e71c',\n codeFunction: '#baa7ff',\n codeType: '#00e5ff',\n codeComment: '#b3afd2',\n codeTag: '#ff92ad',\n codeAttribute: '#dbb594',\n codeInserted: '#132d21',\n codeDeleted: '#3b1219',\n chart1: '#ff2bd6',\n chart2: '#00e5ff',\n chart3: '#f8e71c',\n chart4: '#39ff14',\n chart5: '#ff6b35',\n chart6: '#b388ff',\n chart7: '#00ffa3',\n chart8: '#ff3864',\n});\n\n/** 赛博朋克主题的阴影:一圈霓虹光晕加深色投影,浮层像在发光 */\nexport const cyberpunkShadows = css.createTheme(shadows, {\n none: 'none',\n xs: '0 0 0 1px rgba(255, 43, 214, 0.18), 0 1px 3px 0 rgba(0, 0, 0, 0.5)',\n sm: '0 0 0 1px rgba(255, 43, 214, 0.22), 0 0 10px -2px rgba(255, 43, 214, 0.35), 0 4px 12px -4px rgba(0, 0, 0, 0.6)',\n md: '0 0 0 1px rgba(255, 43, 214, 0.25), 0 0 24px -4px rgba(255, 43, 214, 0.35), 0 12px 32px -16px rgba(0, 0, 0, 0.7)',\n lg: '0 0 0 1px rgba(255, 43, 214, 0.3), 0 0 40px -6px rgba(255, 43, 214, 0.4), 0 12px 32px -16px rgba(0, 0, 0, 0.8)',\n xl: '0 0 0 1px rgba(255, 43, 214, 0.35), 0 0 60px -8px rgba(255, 43, 214, 0.45), 0 16px 36px -20px rgba(0, 0, 0, 0.9)',\n});\n\n/** 赛博朋克主题的字体:标题用等宽字体,像终端与仪表盘;写全每个变量(嵌套在别的主题里时不继承外层的),正文、等宽、衬线与默认相同 */\nexport const cyberpunkFonts = css.createTheme(fonts, {\n sans: 'system-ui, -apple-system, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", \"Noto Sans SC\", \"Source Han Sans SC\", sans-serif',\n mono: 'ui-monospace, \"Cascadia Code\", \"JetBrains Mono\", \"SFMono-Regular\", Consolas, \"Liberation Mono\", monospace',\n serif: '\"Noto Serif SC\", \"Source Han Serif SC\", \"Songti SC\", STSong, \"SimSun\", Georgia, serif',\n heading:\n 'ui-monospace, \"Cascadia Code\", \"JetBrains Mono\", \"SFMono-Regular\", Consolas, \"Liberation Mono\", monospace',\n});\n\n/** 赛博朋克主题的圆角:几乎是直角,线条硬朗 */\nexport const cyberpunkRadii = css.createTheme(radii, {\n none: '0',\n xs: '0',\n sm: '0.1em',\n md: '0.15em',\n lg: '0.25em',\n xl: '0.4em',\n full: '9999px',\n});\n\n/** 赛博朋克主题:深紫黑底、霓虹品红与青色、发光的阴影、近乎直角、等宽字体的标题;浏览器配色按暗色 */\nexport const cyberpunkTheme: Theme = {\n name: 'cyberpunk',\n colorScheme: 'dark',\n styles: [cyberpunkColors, cyberpunkShadows, cyberpunkFonts, cyberpunkRadii],\n overrides: {},\n};\n"],"mappings":";;;;;;;AAQA,IAAa,kBAAkB,IAAI,YAAY,QAAQ;CACrD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,mBAAmB,IAAI,YAAY,SAAS;CACvD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,CAAC;;AAGD,IAAa,iBAAiB,IAAI,YAAY,OAAO;CACnD,MAAM;CACN,MAAM;CACN,OAAO;CACP,SACE;AACJ,CAAC;;AAGD,IAAa,iBAAiB,IAAI,YAAY,OAAO;CACnD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR,CAAC;;AAGD,IAAa,iBAAwB;CACnC,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAiB;EAAkB;EAAgB;CAAc;CAC1E,WAAW,CAAC;AACd"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { colors, shadows } from "./tokens.js";
|
|
2
2
|
import { defaultFonts, defaultRadii } from "./light.js";
|
|
3
|
-
import
|
|
3
|
+
import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
|
|
4
4
|
//#region src/config/theme/dark.ts
|
|
5
5
|
/** 暗色主题的颜色(Radix Colors 暗色色阶) */
|
|
6
6
|
var darkColors = css.createTheme(colors, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dark.js","names":[],"sources":["../../../src/config/theme/dark.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"dark.js","names":[],"sources":["../../../src/config/theme/dark.ts"],"sourcesContent":["import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { defaultFonts, defaultRadii } from './light';\nimport type { Theme } from './theme';\nimport { colors, shadows } from './tokens';\n\n// Radix Colors 的暗色色阶,各 token 对应的级别见 tokens.ts\n/** 暗色主题的颜色(Radix Colors 暗色色阶) */\nexport const darkColors = css.createTheme(colors, {\n background: '#111113',\n surface: '#18191b',\n surfaceMuted: '#18191b',\n surfaceRaised: '#18191b',\n fill: '#212225',\n fillHover: '#272a2d',\n fillActive: '#2e3135',\n text: '#edeef0',\n textMuted: '#b0b4ba',\n textPlaceholder: '#777b84',\n textDisabled: '#5a6169',\n borderMuted: '#363a3f',\n border: '#43484e',\n borderStrong: '#5a6169',\n accent: '#3e63dd',\n accentHover: '#3758d4',\n accentContrast: '#ffffff',\n accentText: '#9eb1ff',\n accentSoft: '#182449',\n accentSoftHover: '#1d2e62',\n accentBorder: '#3a4f97',\n danger: '#b54548',\n dangerHover: '#a33b3e',\n dangerContrast: '#ffffff',\n dangerText: '#ff9592',\n dangerSoft: '#3b1219',\n dangerSoftHover: '#500f1c',\n dangerBorder: '#8c333a',\n successText: '#3dd68c',\n successSoft: '#132d21',\n successBorder: '#28684a',\n success: '#30a46c',\n successHover: '#52af7d',\n successContrast: '#111113',\n successSoftHover: '#113b29',\n warningText: '#ffca16',\n warningSoft: '#302008',\n warningBorder: '#714f19',\n warning: '#ffc53d',\n warningHover: '#ffcd5f',\n warningContrast: '#111113',\n warningSoftHover: '#3f2700',\n infoText: '#70b8ff',\n infoSoft: '#0d2847',\n infoBorder: '#205d9e',\n info: '#0090ff',\n infoHover: '#3d9fff',\n infoContrast: '#111113',\n infoSoftHover: '#003362',\n inverseSurface: '#edeef0',\n inverseText: '#111113',\n focusRing: '#3e63dd',\n overlay: 'rgba(0, 0, 0, 0.6)',\n selection: '#253974',\n highlight: '#3f2700',\n surfaceTranslucent: 'rgba(17, 17, 19, 0.8)',\n codeKeyword: '#9eb1ff',\n codeString: '#3dd68c',\n codeNumber: '#ffa057',\n codeFunction: '#baa7ff',\n codeType: '#4ccce6',\n codeComment: '#b0b4ba',\n codeTag: '#ff92ad',\n codeAttribute: '#dbb594',\n codeInserted: '#132d21',\n codeDeleted: '#3b1219',\n chart1: '#3e63dd',\n chart2: '#12a594',\n chart3: '#f76b15',\n chart4: '#e93d82',\n chart5: '#6e56cf',\n chart6: '#00a2c7',\n chart7: '#46a758',\n chart8: '#ffc53d',\n});\n\n// Radix Themes 的暗色阴影:深色背景上阴影要更重才看得出层次\n/** 暗色主题的阴影 */\nexport const darkShadows = css.createTheme(shadows, {\n none: 'none',\n xs: '0 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 1px -1px rgba(0, 0, 0, 0.4), 0 1px 3px 0 rgba(0, 0, 0, 0.3)',\n sm: '0 2px 3px -2px rgba(0, 0, 0, 0.15), 0 3px 8px -2px rgba(0, 0, 0, 0.4), 0 4px 12px -4px rgba(0, 0, 0, 0.5)',\n md: '0 8px 40px rgba(0, 0, 0, 0.15), 0 12px 32px -16px rgba(0, 0, 0, 0.3)',\n lg: '0 12px 60px rgba(0, 0, 0, 0.3), 0 12px 32px -16px rgba(0, 0, 0, 0.5)',\n xl: '0 12px 60px rgba(0, 0, 0, 0.2), 0 16px 64px rgba(0, 0, 0, 0.4), 0 16px 36px -20px rgba(0, 0, 0, 0.9)',\n});\n\n/** 暗色主题 */\nexport const darkTheme: Theme = {\n name: 'dark',\n colorScheme: 'dark',\n styles: [darkColors, darkShadows, defaultFonts, defaultRadii],\n overrides: {},\n};\n"],"mappings":";;;;;AAOA,IAAa,aAAa,IAAI,YAAY,QAAQ;CAChD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAID,IAAa,cAAc,IAAI,YAAY,SAAS;CAClD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,CAAC;;AAGD,IAAa,YAAmB;CAC9B,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAY;EAAa;EAAc;CAAY;CAC5D,WAAW,CAAC;AACd"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';
|
|
2
2
|
import type { Theme } from './theme';
|
|
3
3
|
/**
|
|
4
4
|
* 喜庆主题的颜色:暖白宣纸色的页面、中国红的品牌色 `#c8102e`、金色点缀(高亮、图表)。中性色按 slate 各级亮度换成暖色相(oklch 45°),品牌色取 Radix red 色阶;危险色换成 ruby,和品牌色区分开。
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { colors, shadows } from "./tokens.js";
|
|
2
2
|
import { defaultRadii } from "./light.js";
|
|
3
3
|
import { paperFonts } from "./paper.js";
|
|
4
|
-
import
|
|
4
|
+
import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
|
|
5
5
|
//#region src/config/theme/festive.ts
|
|
6
6
|
/**
|
|
7
7
|
* 喜庆主题的颜色:暖白宣纸色的页面、中国红的品牌色 `#c8102e`、金色点缀(高亮、图表)。中性色按 slate 各级亮度换成暖色相(oklch 45°),品牌色取 Radix red 色阶;危险色换成 ruby,和品牌色区分开。
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"festive.js","names":[],"sources":["../../../src/config/theme/festive.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"festive.js","names":[],"sources":["../../../src/config/theme/festive.ts"],"sourcesContent":["import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { paperFonts } from './paper';\nimport { defaultRadii } from './light';\nimport type { Theme } from './theme';\nimport { colors, shadows } from './tokens';\n\n/**\n * 喜庆主题的颜色:暖白宣纸色的页面、中国红的品牌色 `#c8102e`、金色点缀(高亮、图表)。中性色按 slate 各级亮度换成暖色相(oklch 45°),品牌色取 Radix red 色阶;危险色换成 ruby,和品牌色区分开。\n * 先按风格取色,再按对比度要求调深浅(pnpm themes:check 校验)\n */\nexport const festiveColors = css.createTheme(colors, {\n background: '#fffaf6',\n surface: '#fffaf6',\n surfaceMuted: '#fff7f3',\n surfaceRaised: '#fffaf6',\n fill: '#fdede6',\n fillHover: '#f5e5de',\n fillActive: '#eeded7',\n text: '#2c1b13',\n textMuted: '#735f56',\n textPlaceholder: '#947e75',\n textDisabled: '#c7b8b1',\n borderMuted: '#e6d6cf',\n border: '#dbcbc4',\n borderStrong: '#c7b8b1',\n accent: '#c8102e',\n accentHover: '#a80c25',\n accentContrast: '#ffffff',\n accentText: '#c31e28',\n accentSoft: '#feebec',\n accentSoftHover: '#ffdbdc',\n accentBorder: '#f4a9aa',\n danger: '#d8375a',\n dangerHover: '#b62d4b',\n dangerContrast: '#ffffff',\n dangerText: '#c51c49',\n dangerSoft: '#feeaed',\n dangerSoftHover: '#ffdce1',\n dangerBorder: '#efacb8',\n successText: '#193b2d',\n successSoft: '#e6f6eb',\n successBorder: '#8eceaa',\n success: '#008751',\n successHover: '#007143',\n successContrast: '#ffffff',\n successSoftHover: '#d6f1df',\n warningText: '#4f3422',\n warningSoft: '#fff7c2',\n warningBorder: '#e9c162',\n warning: '#ffc53d',\n warningHover: '#ffcd5f',\n warningContrast: '#4f3422',\n warningSoftHover: '#ffee9c',\n infoText: '#113264',\n infoSoft: '#e6f4fe',\n infoBorder: '#8ec8f6',\n info: '#0073e0',\n infoHover: '#0060bd',\n infoContrast: '#ffffff',\n infoSoftHover: '#d5efff',\n inverseSurface: '#2c1b13',\n inverseText: '#fffaf6',\n focusRing: '#c8102e',\n overlay: 'rgba(44, 27, 19, 0.4)',\n selection: '#ffcdce',\n highlight: '#fff394',\n surfaceTranslucent: 'rgba(255, 250, 246, 0.8)',\n codeKeyword: '#c31e28',\n codeString: '#147a51',\n codeNumber: '#bf4100',\n codeFunction: '#6550b9',\n codeType: '#007590',\n codeComment: '#735f56',\n codeTag: '#cb1d63',\n codeAttribute: '#815e46',\n codeInserted: '#e6f6eb',\n codeDeleted: '#feebec',\n chart1: '#c8102e',\n chart2: '#b8860b',\n chart3: '#ef5f00',\n chart4: '#df3478',\n chart5: '#c48200',\n chart6: '#a07553',\n chart7: '#dd4425',\n chart8: '#8c7a5e',\n});\n\n/** 喜庆主题的阴影:带主色调的投影 */\nexport const festiveShadows = css.createTheme(shadows, {\n none: 'none',\n xs: '0 1px 1px 0 rgba(110, 20, 10, 0.04), 0 2px 1px -1px rgba(110, 20, 10, 0.05), 0 1px 3px 0 rgba(110, 20, 10, 0.05)',\n sm: '0 2px 3px -2px rgba(110, 20, 10, 0.06), 0 3px 12px -4px rgba(110, 20, 10, 0.1), 0 4px 16px -8px rgba(110, 20, 10, 0.1)',\n md: '0 8px 40px rgba(110, 20, 10, 0.05), 0 12px 32px -16px rgba(110, 20, 10, 0.08)',\n lg: '0 12px 60px rgba(110, 20, 10, 0.15), 0 12px 32px -16px rgba(110, 20, 10, 0.12)',\n xl: '0 12px 60px rgba(110, 20, 10, 0.15), 0 16px 64px rgba(110, 20, 10, 0.04), 0 16px 36px -20px rgba(110, 20, 10, 0.2)',\n});\n\n/** 喜庆主题:暖白底、中国红品牌色、金色点缀、衬线标题(庄重);浏览器配色按亮色 */\nexport const festiveTheme: Theme = {\n name: 'festive',\n colorScheme: 'light',\n styles: [festiveColors, festiveShadows, paperFonts, defaultRadii],\n overrides: {},\n};\n"],"mappings":";;;;;;;;;AAUA,IAAa,gBAAgB,IAAI,YAAY,QAAQ;CACnD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,iBAAiB,IAAI,YAAY,SAAS;CACrD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,CAAC;;AAGD,IAAa,eAAsB;CACjC,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAe;EAAgB;EAAY;CAAY;CAChE,WAAW,CAAC;AACd"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';
|
|
2
2
|
import type { Theme } from './theme';
|
|
3
3
|
/**
|
|
4
4
|
* 森林主题的颜色:带一点叶绿的页面、林木绿的品牌色。中性色按 slate 各级亮度换成绿色相(oklch 145°),品牌色取 Radix grass 色阶、实色加深到林木绿 `#2b7a3b`;成功色换成 jade,和品牌色区分开。
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { colors, shadows } from "./tokens.js";
|
|
2
2
|
import { defaultFonts, defaultRadii } from "./light.js";
|
|
3
|
-
import
|
|
3
|
+
import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
|
|
4
4
|
//#region src/config/theme/forest.ts
|
|
5
5
|
/**
|
|
6
6
|
* 森林主题的颜色:带一点叶绿的页面、林木绿的品牌色。中性色按 slate 各级亮度换成绿色相(oklch 145°),品牌色取 Radix grass 色阶、实色加深到林木绿 `#2b7a3b`;成功色换成 jade,和品牌色区分开。
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"forest.js","names":[],"sources":["../../../src/config/theme/forest.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"forest.js","names":[],"sources":["../../../src/config/theme/forest.ts"],"sourcesContent":["import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { defaultFonts, defaultRadii } from './light';\nimport type { Theme } from './theme';\nimport { colors, shadows } from './tokens';\n\n/**\n * 森林主题的颜色:带一点叶绿的页面、林木绿的品牌色。中性色按 slate 各级亮度换成绿色相(oklch 145°),品牌色取 Radix grass 色阶、实色加深到林木绿 `#2b7a3b`;成功色换成 jade,和品牌色区分开。\n * 先按风格取色,再按对比度要求调深浅(pnpm themes:check 校验)\n */\nexport const forestColors = css.createTheme(colors, {\n background: '#f9fef9',\n surface: '#f9fef9',\n surfaceMuted: '#f6fbf6',\n surfaceRaised: '#f9fef9',\n fill: '#ebf3eb',\n fillHover: '#e3ebe3',\n fillActive: '#dce4dc',\n text: '#182318',\n textMuted: '#5b685b',\n textPlaceholder: '#7a887a',\n textDisabled: '#b6beb6',\n borderMuted: '#d4dcd4',\n border: '#c9d1c9',\n borderStrong: '#b6beb6',\n accent: '#2b7a3b',\n accentHover: '#236630',\n accentContrast: '#ffffff',\n accentText: '#237835',\n accentSoft: '#e9f6e9',\n accentSoftHover: '#daf1db',\n accentBorder: '#94ce9a',\n danger: '#d83a3f',\n dangerHover: '#b62f34',\n dangerContrast: '#ffffff',\n dangerText: '#c31e28',\n dangerSoft: '#feebec',\n dangerSoftHover: '#ffdbdc',\n dangerBorder: '#f4a9aa',\n successText: '#1d3b31',\n successSoft: '#e6f7ed',\n successBorder: '#8bceb6',\n success: '#008667',\n successHover: '#007056',\n successContrast: '#ffffff',\n successSoftHover: '#d6f1e3',\n warningText: '#4f3422',\n warningSoft: '#fff7c2',\n warningBorder: '#e9c162',\n warning: '#ffc53d',\n warningHover: '#ffcd5f',\n warningContrast: '#4f3422',\n warningSoftHover: '#ffee9c',\n infoText: '#113264',\n infoSoft: '#e6f4fe',\n infoBorder: '#8ec8f6',\n info: '#0073e0',\n infoHover: '#0060bd',\n infoContrast: '#ffffff',\n infoSoftHover: '#d5efff',\n inverseSurface: '#182318',\n inverseText: '#f9fef9',\n focusRing: '#2b7a3b',\n overlay: 'rgba(24, 35, 24, 0.4)',\n selection: '#c9e8ca',\n highlight: '#ffee9c',\n surfaceTranslucent: 'rgba(249, 254, 249, 0.8)',\n codeKeyword: '#237835',\n codeString: '#147a51',\n codeNumber: '#bf4100',\n codeFunction: '#6550b9',\n codeType: '#007590',\n codeComment: '#5b685b',\n codeTag: '#cb1d63',\n codeAttribute: '#815e46',\n codeInserted: '#e6f6eb',\n codeDeleted: '#feebec',\n chart1: '#2b7a3b',\n chart2: '#26997b',\n chart3: '#6fa000',\n chart4: '#c68400',\n chart5: '#a07553',\n chart6: '#0d9b8a',\n chart7: '#ef5f00',\n chart8: '#7f847d',\n});\n\n/** 森林主题的阴影:带主色调的投影 */\nexport const forestShadows = css.createTheme(shadows, {\n none: 'none',\n xs: '0 1px 1px 0 rgba(24, 56, 28, 0.04), 0 2px 1px -1px rgba(24, 56, 28, 0.05), 0 1px 3px 0 rgba(24, 56, 28, 0.05)',\n sm: '0 2px 3px -2px rgba(24, 56, 28, 0.06), 0 3px 12px -4px rgba(24, 56, 28, 0.1), 0 4px 16px -8px rgba(24, 56, 28, 0.1)',\n md: '0 8px 40px rgba(24, 56, 28, 0.05), 0 12px 32px -16px rgba(24, 56, 28, 0.08)',\n lg: '0 12px 60px rgba(24, 56, 28, 0.15), 0 12px 32px -16px rgba(24, 56, 28, 0.12)',\n xl: '0 12px 60px rgba(24, 56, 28, 0.15), 0 16px 64px rgba(24, 56, 28, 0.04), 0 16px 36px -20px rgba(24, 56, 28, 0.2)',\n});\n\n/** 森林主题:叶绿底、林木绿品牌色、带绿调的阴影;浏览器配色按亮色 */\nexport const forestTheme: Theme = {\n name: 'forest',\n colorScheme: 'light',\n styles: [forestColors, forestShadows, defaultFonts, defaultRadii],\n overrides: {},\n};\n"],"mappings":";;;;;;;;AASA,IAAa,eAAe,IAAI,YAAY,QAAQ;CAClD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,gBAAgB,IAAI,YAAY,SAAS;CACpD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,CAAC;;AAGD,IAAa,cAAqB;CAChC,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAc;EAAe;EAAc;CAAY;CAChE,WAAW,CAAC;AACd"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { colors, radii, shadows } from "./tokens.js";
|
|
2
2
|
import { defaultFonts } from "./light.js";
|
|
3
|
-
import
|
|
3
|
+
import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
|
|
4
4
|
//#region src/config/theme/high-contrast.ts
|
|
5
5
|
/**
|
|
6
6
|
* 高对比主题的颜色:纯白底、纯黑字,文字与底色都到 7:1(WCAG AAA),边框到 3:1 以上,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"high-contrast.js","names":[],"sources":["../../../src/config/theme/high-contrast.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"high-contrast.js","names":[],"sources":["../../../src/config/theme/high-contrast.ts"],"sourcesContent":["import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { defaultFonts } from './light';\nimport type { Theme } from './theme';\nimport { colors, radii, shadows } from './tokens';\n\n/**\n * 高对比主题的颜色:纯白底、纯黑字,文字与底色都到 7:1(WCAG AAA),边框到 3:1 以上,\n * 弱视、强光下、投影时也看得清;品牌色是深蓝,提示色都取深的一档\n */\nexport const highContrastColors = css.createTheme(colors, {\n background: '#ffffff',\n surface: '#ffffff',\n surfaceMuted: '#f2f2f2',\n surfaceRaised: '#ffffff',\n fill: '#ebebeb',\n fillHover: '#dedede',\n fillActive: '#d1d1d1',\n text: '#000000',\n textMuted: '#333333',\n textPlaceholder: '#575757',\n textDisabled: '#8a8a8a',\n borderMuted: '#8f8f8f',\n border: '#666666',\n borderStrong: '#1f1f1f',\n accent: '#0036a3',\n accentHover: '#002a80',\n accentContrast: '#ffffff',\n accentText: '#0036a3',\n accentSoft: '#e6edfb',\n accentSoftHover: '#d5e0f8',\n accentBorder: '#4a6fc2',\n danger: '#a8001c',\n dangerHover: '#870017',\n dangerContrast: '#ffffff',\n dangerText: '#8f0018',\n dangerSoft: '#fcebee',\n dangerSoftHover: '#f8d8de',\n dangerBorder: '#c94157',\n successText: '#0a5520',\n successSoft: '#e4f4e8',\n successBorder: '#3f8a52',\n success: '#0a5520',\n successHover: '#074619',\n successContrast: '#ffffff',\n successSoftHover: '#c0dcc6',\n warningText: '#663800',\n warningSoft: '#fff2d9',\n warningBorder: '#a86d14',\n warning: '#663800',\n warningHover: '#552e00',\n warningContrast: '#ffffff',\n warningSoftHover: '#ecd4b1',\n infoText: '#003a70',\n infoSoft: '#e4f0fc',\n infoBorder: '#3b77b5',\n info: '#003a70',\n infoHover: '#002f5d',\n infoContrast: '#ffffff',\n infoSoftHover: '#bed5ed',\n inverseSurface: '#000000',\n inverseText: '#ffffff',\n focusRing: '#0036a3',\n overlay: 'rgba(0, 0, 0, 0.6)',\n selection: '#bcd0f5',\n highlight: '#ffe066',\n surfaceTranslucent: 'rgba(255, 255, 255, 0.92)',\n codeKeyword: '#0036a3',\n codeString: '#0a5520',\n codeNumber: '#853600',\n codeFunction: '#5f1a8f',\n codeType: '#00525e',\n codeComment: '#454545',\n codeTag: '#8f0018',\n codeAttribute: '#663800',\n codeInserted: '#d8f1de',\n codeDeleted: '#fadadf',\n chart1: '#0036a3',\n chart2: '#00756a',\n chart3: '#c23d00',\n chart4: '#ad1457',\n chart5: '#5e35b1',\n chart6: '#00798a',\n chart7: '#2e7d32',\n chart8: '#8a6500',\n});\n\n/** 高对比主题的阴影:边框已经足够分出层次,阴影收淡 */\nexport const highContrastShadows = css.createTheme(shadows, {\n none: 'none',\n xs: '0 1px 2px rgba(0, 0, 0, 0.12)',\n sm: '0 1px 3px rgba(0, 0, 0, 0.16)',\n md: '0 4px 12px rgba(0, 0, 0, 0.18)',\n lg: '0 8px 24px rgba(0, 0, 0, 0.22)',\n xl: '0 12px 40px rgba(0, 0, 0, 0.26)',\n});\n\n/** 高对比主题的圆角:收小,轮廓更利落 */\nexport const highContrastRadii = css.createTheme(radii, {\n none: '0',\n xs: '0.1em',\n sm: '0.15em',\n md: '0.25em',\n lg: '0.4em',\n xl: '0.6em',\n full: '9999px',\n});\n\n/** 高对比主题:纯白底纯黑字、文字 7:1、边框加深、圆角收小;浏览器配色按亮色 */\nexport const highContrastTheme: Theme = {\n name: 'high-contrast',\n colorScheme: 'light',\n styles: [highContrastColors, highContrastShadows, defaultFonts, highContrastRadii],\n overrides: {},\n};\n"],"mappings":";;;;;;;;AASA,IAAa,qBAAqB,IAAI,YAAY,QAAQ;CACxD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,sBAAsB,IAAI,YAAY,SAAS;CAC1D,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,CAAC;;AAGD,IAAa,oBAAoB,IAAI,YAAY,OAAO;CACtD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR,CAAC;;AAGD,IAAa,oBAA2B;CACtC,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAoB;EAAqB;EAAc;CAAiB;CACjF,WAAW,CAAC;AACd"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';
|
|
2
2
|
import type { Theme } from './theme';
|
|
3
3
|
/**
|
|
4
4
|
* 柠檬主题的颜色:奶油黄的页面、柠檬黄的浅底、金柠檬色的品牌色 `#aa9200`(配深色字)。中性色按 slate 各级亮度换成黄绿色相(oklch 100°),品牌色取 Radix yellow 色阶;亮柠檬黄在浅色表面上到不了图形要的 3:1,实色取到得了的最亮一档。
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { colors, radii, shadows } from "./tokens.js";
|
|
2
2
|
import { defaultFonts } from "./light.js";
|
|
3
|
-
import
|
|
3
|
+
import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
|
|
4
4
|
//#region src/config/theme/lemon.ts
|
|
5
5
|
/**
|
|
6
6
|
* 柠檬主题的颜色:奶油黄的页面、柠檬黄的浅底、金柠檬色的品牌色 `#aa9200`(配深色字)。中性色按 slate 各级亮度换成黄绿色相(oklch 100°),品牌色取 Radix yellow 色阶;亮柠檬黄在浅色表面上到不了图形要的 3:1,实色取到得了的最亮一档。
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lemon.js","names":[],"sources":["../../../src/config/theme/lemon.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"lemon.js","names":[],"sources":["../../../src/config/theme/lemon.ts"],"sourcesContent":["import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { defaultFonts } from './light';\nimport type { Theme } from './theme';\nimport { colors, radii, shadows } from './tokens';\n\n/**\n * 柠檬主题的颜色:奶油黄的页面、柠檬黄的浅底、金柠檬色的品牌色 `#aa9200`(配深色字)。中性色按 slate 各级亮度换成黄绿色相(oklch 100°),品牌色取 Radix yellow 色阶;亮柠檬黄在浅色表面上到不了图形要的 3:1,实色取到得了的最亮一档。\n * 先按风格取色,再按对比度要求调深浅(pnpm themes:check 校验)\n */\nexport const lemonColors = css.createTheme(colors, {\n background: '#fefdf2',\n surface: '#fefdf2',\n surfaceMuted: '#fbfaef',\n surfaceRaised: '#fefdf2',\n fill: '#f3f1e2',\n fillHover: '#ebe9da',\n fillActive: '#e4e2d3',\n text: '#232010',\n textMuted: '#676552',\n textPlaceholder: '#878471',\n textDisabled: '#bebcae',\n borderMuted: '#dddacc',\n border: '#d1cfc1',\n borderStrong: '#bebcae',\n accent: '#9f8700',\n accentHover: '#aa9539',\n accentContrast: '#232010',\n accentText: '#956300',\n accentSoft: '#fffab8',\n accentSoftHover: '#fff394',\n accentBorder: '#e4c767',\n danger: '#d83a3f',\n dangerHover: '#b62f34',\n dangerContrast: '#ffffff',\n dangerText: '#c31e28',\n dangerSoft: '#feebec',\n dangerSoftHover: '#ffdbdc',\n dangerBorder: '#f4a9aa',\n successText: '#193b2d',\n successSoft: '#e6f6eb',\n successBorder: '#8eceaa',\n success: '#008751',\n successHover: '#007143',\n successContrast: '#ffffff',\n successSoftHover: '#d6f1df',\n warningText: '#4f3422',\n warningSoft: '#fff7c2',\n warningBorder: '#e9c162',\n warning: '#ffc53d',\n warningHover: '#ffcd5f',\n warningContrast: '#4f3422',\n warningSoftHover: '#ffee9c',\n infoText: '#113264',\n infoSoft: '#e6f4fe',\n infoBorder: '#8ec8f6',\n info: '#0073e0',\n infoHover: '#0060bd',\n infoContrast: '#ffffff',\n infoSoftHover: '#d5efff',\n inverseSurface: '#232010',\n inverseText: '#fefdf2',\n focusRing: '#9f8700',\n overlay: 'rgba(35, 32, 16, 0.4)',\n selection: '#ffe770',\n highlight: '#e2f0bd',\n surfaceTranslucent: 'rgba(254, 253, 242, 0.8)',\n codeKeyword: '#956300',\n codeString: '#147a51',\n codeNumber: '#bf4100',\n codeFunction: '#6550b9',\n codeType: '#007590',\n codeComment: '#676552',\n codeTag: '#cb1d63',\n codeAttribute: '#815e46',\n codeInserted: '#e6f6eb',\n codeDeleted: '#feebec',\n chart1: '#9f8700',\n chart2: '#6fa000',\n chart3: '#3e9b4f',\n chart4: '#ef5f00',\n chart5: '#0797b9',\n chart6: '#cf3897',\n chart7: '#0d9b8a',\n chart8: '#c68400',\n});\n\n/** 柠檬主题的阴影:带主色调的投影 */\nexport const lemonShadows = css.createTheme(shadows, {\n none: 'none',\n xs: '0 1px 1px 0 rgba(80, 72, 10, 0.028), 0 2px 1px -1px rgba(80, 72, 10, 0.035), 0 1px 3px 0 rgba(80, 72, 10, 0.035)',\n sm: '0 2px 3px -2px rgba(80, 72, 10, 0.042), 0 3px 12px -4px rgba(80, 72, 10, 0.07), 0 4px 16px -8px rgba(80, 72, 10, 0.07)',\n md: '0 8px 40px rgba(80, 72, 10, 0.035), 0 12px 32px -16px rgba(80, 72, 10, 0.056)',\n lg: '0 12px 60px rgba(80, 72, 10, 0.105), 0 12px 32px -16px rgba(80, 72, 10, 0.084)',\n xl: '0 12px 60px rgba(80, 72, 10, 0.105), 0 16px 64px rgba(80, 72, 10, 0.028), 0 16px 36px -20px rgba(80, 72, 10, 0.14)',\n});\n\n/** 柠檬主题的圆角:更圆润,清新柔和 */\nexport const lemonRadii = css.createTheme(radii, {\n none: '0',\n xs: '0.25em',\n sm: '0.45em',\n md: '0.75em',\n lg: '1.1em',\n xl: '1.5em',\n full: '9999px',\n});\n\n/** 柠檬主题:奶油黄底、柠檬黄品牌色、更圆的圆角、很轻的阴影;浏览器配色按亮色 */\nexport const lemonTheme: Theme = {\n name: 'lemon',\n colorScheme: 'light',\n styles: [lemonColors, lemonShadows, defaultFonts, lemonRadii],\n overrides: {},\n};\n"],"mappings":";;;;;;;;AASA,IAAa,cAAc,IAAI,YAAY,QAAQ;CACjD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,eAAe,IAAI,YAAY,SAAS;CACnD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,CAAC;;AAGD,IAAa,aAAa,IAAI,YAAY,OAAO;CAC/C,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR,CAAC;;AAGD,IAAa,aAAoB;CAC/B,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAa;EAAc;EAAc;CAAU;CAC5D,WAAW,CAAC;AACd"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { colors, fonts, radii, shadows } from "./tokens.js";
|
|
2
|
-
import
|
|
2
|
+
import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
|
|
3
3
|
//#region src/config/theme/light.ts
|
|
4
4
|
/** 亮色主题的颜色(默认值) */
|
|
5
5
|
var lightColors = css.createTheme(colors, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"light.js","names":[],"sources":["../../../src/config/theme/light.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"light.js","names":[],"sources":["../../../src/config/theme/light.ts"],"sourcesContent":["import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport type { Theme } from './theme';\nimport { colors, fonts, radii, shadows } from './tokens';\n\n// 取值与 tokens.ts 的默认值相同(pnpm themes:check 核对)。默认值本来不用再写一遍,但 Provider 套在别的主题里时,\n// 只有显式写出的变量才能盖过外层继承下来的:每套内置主题都写全颜色、阴影、字体、圆角四组,没改的组用这里的默认值。\n/** 亮色主题的颜色(默认值) */\nexport const lightColors = css.createTheme(colors, {\n background: '#fcfcfd',\n surface: '#fcfcfd',\n surfaceMuted: '#f9f9fb',\n surfaceRaised: '#fcfcfd',\n fill: '#f0f0f3',\n fillHover: '#e8e8ec',\n fillActive: '#e0e1e6',\n text: '#1c2024',\n textMuted: '#60646c',\n textPlaceholder: '#80838d',\n textDisabled: '#b9bbc6',\n borderMuted: '#d9d9e0',\n border: '#cdced6',\n borderStrong: '#b9bbc6',\n accent: '#3e63dd',\n accentHover: '#3358d4',\n accentContrast: '#ffffff',\n accentText: '#3a5bc7',\n accentSoft: '#edf2fe',\n accentSoftHover: '#e1e9ff',\n accentBorder: '#abbdf9',\n danger: '#ce2c31',\n dangerHover: '#b8272c',\n dangerContrast: '#ffffff',\n dangerText: '#b8272c',\n dangerSoft: '#feebec',\n dangerSoftHover: '#ffdbdc',\n dangerBorder: '#f4a9aa',\n successText: '#193b2d',\n successSoft: '#e6f6eb',\n successBorder: '#8eceaa',\n success: '#008751',\n successHover: '#007143',\n successContrast: '#ffffff',\n successSoftHover: '#d6f1df',\n warningText: '#4f3422',\n warningSoft: '#fff7c2',\n warningBorder: '#e9c162',\n warning: '#ffc53d',\n warningHover: '#ffcd5f',\n warningContrast: '#4f3422',\n warningSoftHover: '#ffee9c',\n infoText: '#113264',\n infoSoft: '#e6f4fe',\n infoBorder: '#8ec8f6',\n info: '#0073e0',\n infoHover: '#0060bd',\n infoContrast: '#ffffff',\n infoSoftHover: '#d5efff',\n inverseSurface: '#1c2024',\n inverseText: '#fcfcfd',\n focusRing: '#3e63dd',\n overlay: 'rgba(0, 0, 0, 0.4)',\n selection: '#d2deff',\n highlight: '#ffee9c',\n surfaceTranslucent: 'rgba(252, 252, 253, 0.8)',\n codeKeyword: '#3a5bc7',\n codeString: '#1c7a51',\n codeNumber: '#bb4500',\n codeFunction: '#6550b9',\n codeType: '#007590',\n codeComment: '#60646c',\n codeTag: '#cb1d63',\n codeAttribute: '#815e46',\n codeInserted: '#e6f6eb',\n codeDeleted: '#feebec',\n chart1: '#3e63dd',\n chart2: '#0d9b8a',\n chart3: '#ef5f00',\n chart4: '#e93d82',\n chart5: '#6e56cf',\n chart6: '#0797b9',\n chart7: '#3e9b4f',\n chart8: '#ab6400',\n});\n\n/** 亮色主题的阴影(默认值) */\nexport const lightShadows = css.createTheme(shadows, {\n none: 'none',\n xs: '0 1px 1px 0 #00005506, 0 2px 1px -1px rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.05)',\n sm: '0 2px 3px -2px #0000330f, 0 3px 12px -4px rgba(0, 0, 0, 0.1), 0 4px 16px -8px rgba(0, 0, 0, 0.1)',\n md: '0 8px 40px rgba(0, 0, 0, 0.05), 0 12px 32px -16px #0000330f',\n lg: '0 12px 60px rgba(0, 0, 0, 0.15), 0 12px 32px -16px #0009321f',\n xl: '0 12px 60px rgba(0, 0, 0, 0.15), 0 16px 64px #00005506, 0 16px 36px -20px #00062e32',\n});\n\n/** 默认字体:标题与正文都是无衬线 */\nexport const defaultFonts = css.createTheme(fonts, {\n sans: 'system-ui, -apple-system, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", \"Noto Sans SC\", \"Source Han Sans SC\", sans-serif',\n mono: 'ui-monospace, \"Cascadia Code\", \"JetBrains Mono\", \"SFMono-Regular\", Consolas, \"Liberation Mono\", monospace',\n serif: '\"Noto Serif SC\", \"Source Han Serif SC\", \"Songti SC\", STSong, \"SimSun\", Georgia, serif',\n heading:\n 'system-ui, -apple-system, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", \"Noto Sans SC\", \"Source Han Sans SC\", sans-serif',\n});\n\n/** 默认圆角 */\nexport const defaultRadii = css.createTheme(radii, {\n none: '0',\n xs: '0.15em',\n sm: '0.25em',\n md: '0.4em',\n lg: '0.7em',\n xl: '1em',\n full: '9999px',\n});\n\n/** 亮色主题(默认):即 tokens.ts 里的默认值 */\nexport const lightTheme: Theme = {\n name: 'light',\n colorScheme: 'light',\n styles: [lightColors, lightShadows, defaultFonts, defaultRadii],\n overrides: {},\n};\n"],"mappings":";;;;AAOA,IAAa,cAAc,IAAI,YAAY,QAAQ;CACjD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,eAAe,IAAI,YAAY,SAAS;CACnD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,CAAC;;AAGD,IAAa,eAAe,IAAI,YAAY,OAAO;CACjD,MAAM;CACN,MAAM;CACN,OAAO;CACP,SACE;AACJ,CAAC;;AAGD,IAAa,eAAe,IAAI,YAAY,OAAO;CACjD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR,CAAC;;AAGD,IAAa,aAAoB;CAC/B,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAa;EAAc;EAAc;CAAY;CAC9D,WAAW,CAAC;AACd"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { colors } from "./tokens.js";
|
|
2
2
|
import { defaultFonts, defaultRadii } from "./light.js";
|
|
3
3
|
import { darkShadows } from "./dark.js";
|
|
4
|
-
import
|
|
4
|
+
import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
|
|
5
5
|
//#region src/config/theme/midnight.ts
|
|
6
6
|
/**
|
|
7
7
|
* 午夜主题的颜色:深海军蓝的页面、青色的品牌色。
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"midnight.js","names":[],"sources":["../../../src/config/theme/midnight.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"midnight.js","names":[],"sources":["../../../src/config/theme/midnight.ts"],"sourcesContent":["import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { darkShadows } from './dark';\nimport { defaultFonts, defaultRadii } from './light';\nimport type { Theme } from './theme';\nimport { colors } from './tokens';\n\n/**\n * 午夜主题的颜色:深海军蓝的页面、青色的品牌色。\n * 中性色按 Radix slate 暗色各级的亮度、换成蓝色相(oklch 265°)重新取色,层级用途与 slate 相同;\n * 品牌色取 Radix cyan 暗色色阶:实色用 8 级(9 级太亮,白字不到 4.5:1,按钮悬停又会混黑加深),\n * 文字、浅底、边框按常规取 11、3–4、6 级;提示色、代码高亮沿用暗色主题\n */\nexport const midnightColors = css.createTheme(colors, {\n background: '#0d1321',\n surface: '#131b2c',\n surfaceMuted: '#131b2c',\n surfaceRaised: '#131b2c',\n fill: '#1b2539',\n fillHover: '#212c43',\n fillActive: '#28334d',\n text: '#eef2fa',\n textMuted: '#aeb8cb',\n textPlaceholder: '#737f97',\n textDisabled: '#566381',\n borderMuted: '#303c57',\n border: '#3d4a67',\n borderStrong: '#566381',\n accent: '#11809c',\n accentHover: '#12677e',\n accentContrast: '#ffffff',\n accentText: '#4ccce6',\n accentSoft: '#082c36',\n accentSoftHover: '#003848',\n accentBorder: '#045468',\n danger: '#b54548',\n dangerHover: '#a33b3e',\n dangerContrast: '#ffffff',\n dangerText: '#ff9592',\n dangerSoft: '#3b1219',\n dangerSoftHover: '#500f1c',\n dangerBorder: '#8c333a',\n successText: '#3dd68c',\n successSoft: '#132d21',\n successBorder: '#28684a',\n success: '#30a46c',\n successHover: '#52af7d',\n successContrast: '#0d1321',\n successSoftHover: '#113b29',\n warningText: '#ffca16',\n warningSoft: '#302008',\n warningBorder: '#714f19',\n warning: '#ffc53d',\n warningHover: '#ffcd5f',\n warningContrast: '#0d1321',\n warningSoftHover: '#3f2700',\n infoText: '#70b8ff',\n infoSoft: '#0d2847',\n infoBorder: '#205d9e',\n info: '#0090ff',\n infoHover: '#3d9fff',\n infoContrast: '#0d1321',\n infoSoftHover: '#003362',\n inverseSurface: '#eef2fa',\n inverseText: '#0d1321',\n focusRing: '#11809c',\n overlay: 'rgba(3, 6, 15, 0.65)',\n selection: '#004558',\n highlight: '#3f2700',\n surfaceTranslucent: 'rgba(13, 19, 33, 0.8)',\n codeKeyword: '#4ccce6',\n codeString: '#3dd68c',\n codeNumber: '#ffa057',\n codeFunction: '#baa7ff',\n codeType: '#9eb1ff',\n codeComment: '#aeb8cb',\n codeTag: '#ff92ad',\n codeAttribute: '#dbb594',\n codeInserted: '#132d21',\n codeDeleted: '#3b1219',\n chart1: '#11809c',\n chart2: '#6e56cf',\n chart3: '#f76b15',\n chart4: '#e93d82',\n chart5: '#3e63dd',\n chart6: '#12a594',\n chart7: '#46a758',\n chart8: '#ffc53d',\n});\n\n/** 午夜主题:深海军蓝底、青色品牌色;阴影同暗色主题,浏览器配色按暗色 */\nexport const midnightTheme: Theme = {\n name: 'midnight',\n colorScheme: 'dark',\n styles: [midnightColors, darkShadows, defaultFonts, defaultRadii],\n overrides: {},\n};\n"],"mappings":";;;;;;;;;;;AAYA,IAAa,iBAAiB,IAAI,YAAY,QAAQ;CACpD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,gBAAuB;CAClC,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAgB;EAAa;EAAc;CAAY;CAChE,WAAW,CAAC;AACd"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { colors, radii, shadows } from "./tokens.js";
|
|
2
2
|
import { defaultFonts } from "./light.js";
|
|
3
|
-
import
|
|
3
|
+
import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
|
|
4
4
|
//#region src/config/theme/ocean.ts
|
|
5
5
|
/**
|
|
6
6
|
* 海洋主题的颜色:天空蓝的页面、深海蓝的品牌色。中性色按 slate 各级亮度换成蓝色相(oklch 235°),品牌色取 Radix blue 色阶、实色加深到深海蓝 `#0b5cad`。
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ocean.js","names":[],"sources":["../../../src/config/theme/ocean.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"ocean.js","names":[],"sources":["../../../src/config/theme/ocean.ts"],"sourcesContent":["import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { defaultFonts } from './light';\nimport type { Theme } from './theme';\nimport { colors, radii, shadows } from './tokens';\n\n/**\n * 海洋主题的颜色:天空蓝的页面、深海蓝的品牌色。中性色按 slate 各级亮度换成蓝色相(oklch 235°),品牌色取 Radix blue 色阶、实色加深到深海蓝 `#0b5cad`。\n * 先按风格取色,再按对比度要求调深浅(pnpm themes:check 校验)\n */\nexport const oceanColors = css.createTheme(colors, {\n background: '#f7fdff',\n surface: '#f7fdff',\n surfaceMuted: '#f4fafe',\n surfaceRaised: '#f7fdff',\n fill: '#e7f2fa',\n fillHover: '#dfebf2',\n fillActive: '#d8e3eb',\n text: '#10222c',\n textMuted: '#546773',\n textPlaceholder: '#738793',\n textDisabled: '#b2bec5',\n borderMuted: '#d0dce3',\n border: '#c5d1d8',\n borderStrong: '#b2bec5',\n accent: '#0b5cad',\n accentHover: '#084c91',\n accentContrast: '#ffffff',\n accentText: '#0069c2',\n accentSoft: '#e6f4fe',\n accentSoftHover: '#d5efff',\n accentBorder: '#8ec8f6',\n danger: '#d83a3f',\n dangerHover: '#b62f34',\n dangerContrast: '#ffffff',\n dangerText: '#c31e28',\n dangerSoft: '#feebec',\n dangerSoftHover: '#ffdbdc',\n dangerBorder: '#f4a9aa',\n successText: '#193b2d',\n successSoft: '#e6f6eb',\n successBorder: '#8eceaa',\n success: '#008751',\n successHover: '#007143',\n successContrast: '#ffffff',\n successSoftHover: '#d6f1df',\n warningText: '#4f3422',\n warningSoft: '#fff7c2',\n warningBorder: '#e9c162',\n warning: '#ffc53d',\n warningHover: '#ffcd5f',\n warningContrast: '#4f3422',\n warningSoftHover: '#ffee9c',\n infoText: '#1d3e56',\n infoSoft: '#e1f6fd',\n infoBorder: '#8dcae3',\n info: '#7ce2fe',\n infoHover: '#8fe6fe',\n infoContrast: '#1d3e56',\n infoSoftHover: '#d1f0fa',\n inverseSurface: '#10222c',\n inverseText: '#f7fdff',\n focusRing: '#0b5cad',\n overlay: 'rgba(16, 34, 44, 0.4)',\n selection: '#c2e5ff',\n highlight: '#ffee9c',\n surfaceTranslucent: 'rgba(247, 253, 255, 0.8)',\n codeKeyword: '#0069c2',\n codeString: '#147a51',\n codeNumber: '#bf4100',\n codeFunction: '#6550b9',\n codeType: '#007590',\n codeComment: '#546773',\n codeTag: '#cb1d63',\n codeAttribute: '#815e46',\n codeInserted: '#e6f6eb',\n codeDeleted: '#feebec',\n chart1: '#0b5cad',\n chart2: '#0797b9',\n chart3: '#3358d4',\n chart4: '#0d9b8a',\n chart5: '#309dba',\n chart6: '#654dc4',\n chart7: '#26997b',\n chart8: '#c68400',\n});\n\n/** 海洋主题的阴影:带主色调的投影 */\nexport const oceanShadows = css.createTheme(shadows, {\n none: 'none',\n xs: '0 1px 1px 0 rgba(12, 42, 84, 0.04), 0 2px 1px -1px rgba(12, 42, 84, 0.05), 0 1px 3px 0 rgba(12, 42, 84, 0.05)',\n sm: '0 2px 3px -2px rgba(12, 42, 84, 0.06), 0 3px 12px -4px rgba(12, 42, 84, 0.1), 0 4px 16px -8px rgba(12, 42, 84, 0.1)',\n md: '0 8px 40px rgba(12, 42, 84, 0.05), 0 12px 32px -16px rgba(12, 42, 84, 0.08)',\n lg: '0 12px 60px rgba(12, 42, 84, 0.15), 0 12px 32px -16px rgba(12, 42, 84, 0.12)',\n xl: '0 12px 60px rgba(12, 42, 84, 0.15), 0 16px 64px rgba(12, 42, 84, 0.04), 0 16px 36px -20px rgba(12, 42, 84, 0.2)',\n});\n\n/** 海洋主题的圆角:比默认更圆,像水波 */\nexport const oceanRadii = css.createTheme(radii, {\n none: '0',\n xs: '0.2em',\n sm: '0.35em',\n md: '0.6em',\n lg: '0.9em',\n xl: '1.25em',\n full: '9999px',\n});\n\n/** 海洋主题:天空蓝底、深海蓝品牌色、圆润的圆角、带蓝调的阴影;浏览器配色按亮色 */\nexport const oceanTheme: Theme = {\n name: 'ocean',\n colorScheme: 'light',\n styles: [oceanColors, oceanShadows, defaultFonts, oceanRadii],\n overrides: {},\n};\n"],"mappings":";;;;;;;;AASA,IAAa,cAAc,IAAI,YAAY,QAAQ;CACjD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,eAAe,IAAI,YAAY,SAAS;CACnD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,CAAC;;AAGD,IAAa,aAAa,IAAI,YAAY,OAAO;CAC/C,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR,CAAC;;AAGD,IAAa,aAAoB;CAC/B,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAa;EAAc;EAAc;CAAU;CAC5D,WAAW,CAAC;AACd"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { colors, fonts, shadows } from "./tokens.js";
|
|
2
2
|
import { defaultRadii } from "./light.js";
|
|
3
|
-
import
|
|
3
|
+
import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
|
|
4
4
|
//#region src/config/theme/paper.ts
|
|
5
5
|
/**
|
|
6
6
|
* 纸张主题的颜色:米黄纸色的页面、深棕墨色的文字、墨蓝的品牌色。
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paper.js","names":[],"sources":["../../../src/config/theme/paper.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"paper.js","names":[],"sources":["../../../src/config/theme/paper.ts"],"sourcesContent":["import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { defaultRadii } from './light';\nimport type { Theme } from './theme';\nimport { colors, fonts, shadows } from './tokens';\n\n/**\n * 纸张主题的颜色:米黄纸色的页面、深棕墨色的文字、墨蓝的品牌色。\n * 中性色是自定的暖色 12 级(按 Radix 的用途约定:1–2 背景,3–5 填充,6–8 边框,11–12 文字),\n * 提示色在 Radix 色阶上往暖、往暗调过,都在纸色上满足 4.5:1(scripts/themes/check.mjs 校验)\n */\nexport const paperColors = css.createTheme(colors, {\n background: '#f5efdf',\n surface: '#faf5e8',\n surfaceMuted: '#efe7d3',\n surfaceRaised: '#fbf8ee',\n fill: '#ebe2cb',\n fillHover: '#e4d9be',\n fillActive: '#dccfb0',\n text: '#3b2f20',\n textMuted: '#6b5a43',\n textPlaceholder: '#76644a',\n textDisabled: '#b3a383',\n borderMuted: '#ddd0b2',\n border: '#cfbf9b',\n borderStrong: '#9c8762',\n accent: '#2f4b8f',\n accentHover: '#27407c',\n accentContrast: '#ffffff',\n accentText: '#2a4480',\n accentSoft: '#e6e3d6',\n accentSoftHover: '#dcdacd',\n accentBorder: '#a3adc4',\n danger: '#a8321f',\n dangerHover: '#922a19',\n dangerContrast: '#ffffff',\n dangerText: '#962c1d',\n dangerSoft: '#f3dccb',\n dangerSoftHover: '#ecceb9',\n dangerBorder: '#d39c84',\n successText: '#2f4a17',\n successSoft: '#e3e6c6',\n successBorder: '#a9b67a',\n success: '#2f4a17',\n successHover: '#263d12',\n successContrast: '#ffffff',\n successSoftHover: '#d6dbb5',\n warningText: '#5a3a12',\n warningSoft: '#f3e2b0',\n warningBorder: '#d4b265',\n warning: '#5a3a12',\n warningHover: '#4b2f0d',\n warningContrast: '#ffffff',\n warningSoftHover: '#ecd7a0',\n infoText: '#1f3b63',\n infoSoft: '#dfe3db',\n infoBorder: '#9fb0c4',\n info: '#1f3b63',\n infoHover: '#183052',\n infoContrast: '#ffffff',\n infoSoftHover: '#d1d8d6',\n inverseSurface: '#3b2f20',\n inverseText: '#fbf7ec',\n focusRing: '#2f4b8f',\n overlay: 'rgba(59, 47, 32, 0.35)',\n selection: '#dcd3b4',\n highlight: '#f2d98a',\n surfaceTranslucent: 'rgba(245, 239, 223, 0.82)',\n codeKeyword: '#2a4480',\n codeString: '#45601c',\n codeNumber: '#8a4510',\n codeFunction: '#6b3a6a',\n codeType: '#235a5e',\n codeComment: '#6b5a43',\n codeTag: '#962c1d',\n codeAttribute: '#764f14',\n codeInserted: '#e3e6c6',\n codeDeleted: '#f3dccb',\n // 图表系列:纸色上取能到 3:1 的一级,偏冷的几种取 11 级\n chart1: '#2f4b8f',\n chart2: '#008573',\n chart3: '#cc4e00',\n chart4: '#e93d82',\n chart5: '#6e56cf',\n chart6: '#107d98',\n chart7: '#3e9b4f',\n chart8: '#ab6400',\n});\n\n/** 纸张主题的阴影:暖棕色,比亮色更轻,像纸放在桌面上 */\nexport const paperShadows = css.createTheme(shadows, {\n none: 'none',\n xs: '0 1px 1px 0 rgba(80, 60, 30, 0.05), 0 1px 3px 0 rgba(80, 60, 30, 0.05)',\n sm: '0 2px 3px -2px rgba(80, 60, 30, 0.08), 0 3px 12px -4px rgba(80, 60, 30, 0.1)',\n md: '0 8px 32px rgba(80, 60, 30, 0.06), 0 12px 28px -16px rgba(80, 60, 30, 0.12)',\n lg: '0 12px 48px rgba(80, 60, 30, 0.14), 0 12px 32px -16px rgba(80, 60, 30, 0.18)',\n xl: '0 12px 60px rgba(80, 60, 30, 0.16), 0 16px 36px -20px rgba(80, 60, 30, 0.24)',\n});\n\n/** 纸张主题的字体:标题用衬线,正文仍是无衬线(屏幕上长文更好读);写全每个变量(嵌套在别的主题里时不继承外层的),正文与等宽与默认相同 */\nexport const paperFonts = css.createTheme(fonts, {\n sans: 'system-ui, -apple-system, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", \"Noto Sans SC\", \"Source Han Sans SC\", sans-serif',\n mono: 'ui-monospace, \"Cascadia Code\", \"JetBrains Mono\", \"SFMono-Regular\", Consolas, \"Liberation Mono\", monospace',\n serif: '\"Noto Serif SC\", \"Source Han Serif SC\", \"Songti SC\", STSong, \"SimSun\", Georgia, serif',\n heading: '\"Noto Serif SC\", \"Source Han Serif SC\", \"Songti SC\", STSong, \"SimSun\", Georgia, serif',\n});\n\n/** 纸张主题:米黄纸色、深棕墨色文字、墨蓝品牌色、衬线标题;浏览器配色按亮色 */\nexport const paperTheme: Theme = {\n name: 'paper',\n colorScheme: 'light',\n styles: [paperColors, paperShadows, paperFonts, defaultRadii],\n overrides: {},\n};\n"],"mappings":";;;;;;;;;AAUA,IAAa,cAAc,IAAI,YAAY,QAAQ;CACjD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CAEb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,eAAe,IAAI,YAAY,SAAS;CACnD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,CAAC;;AAGD,IAAa,aAAa,IAAI,YAAY,OAAO;CAC/C,MAAM;CACN,MAAM;CACN,OAAO;CACP,SAAS;AACX,CAAC;;AAGD,IAAa,aAAoB;CAC/B,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAa;EAAc;EAAY;CAAY;CAC5D,WAAW,CAAC;AACd"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { colors, radii, shadows } from "./tokens.js";
|
|
2
2
|
import { defaultFonts } from "./light.js";
|
|
3
|
-
import
|
|
3
|
+
import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
|
|
4
4
|
//#region src/config/theme/sakura.ts
|
|
5
5
|
/**
|
|
6
6
|
* 樱花主题的颜色:淡粉的页面、樱粉的品牌色。中性色按 slate 各级亮度换成粉色相(oklch 355°),品牌色取 Radix pink 色阶,实色加深到白字够对比度。
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sakura.js","names":[],"sources":["../../../src/config/theme/sakura.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"sakura.js","names":[],"sources":["../../../src/config/theme/sakura.ts"],"sourcesContent":["import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { defaultFonts } from './light';\nimport type { Theme } from './theme';\nimport { colors, radii, shadows } from './tokens';\n\n/**\n * 樱花主题的颜色:淡粉的页面、樱粉的品牌色。中性色按 slate 各级亮度换成粉色相(oklch 355°),品牌色取 Radix pink 色阶,实色加深到白字够对比度。\n * 先按风格取色,再按对比度要求调深浅(pnpm themes:check 校验)\n */\nexport const sakuraColors = css.createTheme(colors, {\n background: '#fffafc',\n surface: '#fffafc',\n surfaceMuted: '#fef7f9',\n surfaceRaised: '#fffafc',\n fill: '#f9edf1',\n fillHover: '#f1e5e9',\n fillActive: '#eadee2',\n text: '#281b20',\n textMuted: '#6f5f64',\n textPlaceholder: '#8f7e84',\n textDisabled: '#c4b8bc',\n borderMuted: '#e2d6da',\n border: '#d7cbcf',\n borderStrong: '#c4b8bc',\n accent: '#cd3797',\n accentHover: '#ad2d7f',\n accentContrast: '#ffffff',\n accentText: '#b91e82',\n accentSoft: '#fee9f5',\n accentSoftHover: '#fbdcef',\n accentBorder: '#e7acd0',\n danger: '#d83a3f',\n dangerHover: '#b62f34',\n dangerContrast: '#ffffff',\n dangerText: '#c31e28',\n dangerSoft: '#feebec',\n dangerSoftHover: '#ffdbdc',\n dangerBorder: '#f4a9aa',\n successText: '#193b2d',\n successSoft: '#e6f6eb',\n successBorder: '#8eceaa',\n success: '#008751',\n successHover: '#007143',\n successContrast: '#ffffff',\n successSoftHover: '#d6f1df',\n warningText: '#4f3422',\n warningSoft: '#fff7c2',\n warningBorder: '#e9c162',\n warning: '#ffc53d',\n warningHover: '#ffcd5f',\n warningContrast: '#4f3422',\n warningSoftHover: '#ffee9c',\n infoText: '#113264',\n infoSoft: '#e6f4fe',\n infoBorder: '#8ec8f6',\n info: '#0073e0',\n infoHover: '#0060bd',\n infoContrast: '#ffffff',\n infoSoftHover: '#d5efff',\n inverseSurface: '#281b20',\n inverseText: '#fffafc',\n focusRing: '#cd3797',\n overlay: 'rgba(40, 27, 32, 0.4)',\n selection: '#f6cee7',\n highlight: '#ffee9c',\n surfaceTranslucent: 'rgba(255, 250, 252, 0.8)',\n codeKeyword: '#b91e82',\n codeString: '#147a51',\n codeNumber: '#bf4100',\n codeFunction: '#6550b9',\n codeType: '#007590',\n codeComment: '#6f5f64',\n codeTag: '#cb1d63',\n codeAttribute: '#815e46',\n codeInserted: '#e6f6eb',\n codeDeleted: '#feebec',\n chart1: '#cd3797',\n chart2: '#a144af',\n chart3: '#df3478',\n chart4: '#654dc4',\n chart5: '#0d9b8a',\n chart6: '#ef5f00',\n chart7: '#309dba',\n chart8: '#3e9b4f',\n});\n\n/** 樱花主题的阴影:带主色调的投影 */\nexport const sakuraShadows = css.createTheme(shadows, {\n none: 'none',\n xs: '0 1px 1px 0 rgba(90, 20, 50, 0.04), 0 2px 1px -1px rgba(90, 20, 50, 0.05), 0 1px 3px 0 rgba(90, 20, 50, 0.05)',\n sm: '0 2px 3px -2px rgba(90, 20, 50, 0.06), 0 3px 12px -4px rgba(90, 20, 50, 0.1), 0 4px 16px -8px rgba(90, 20, 50, 0.1)',\n md: '0 8px 40px rgba(90, 20, 50, 0.05), 0 12px 32px -16px rgba(90, 20, 50, 0.08)',\n lg: '0 12px 60px rgba(90, 20, 50, 0.15), 0 12px 32px -16px rgba(90, 20, 50, 0.12)',\n xl: '0 12px 60px rgba(90, 20, 50, 0.15), 0 16px 64px rgba(90, 20, 50, 0.04), 0 16px 36px -20px rgba(90, 20, 50, 0.2)',\n});\n\n/** 樱花主题的圆角:比默认更圆 */\nexport const sakuraRadii = css.createTheme(radii, {\n none: '0',\n xs: '0.2em',\n sm: '0.35em',\n md: '0.55em',\n lg: '0.85em',\n xl: '1.2em',\n full: '9999px',\n});\n\n/** 樱花主题:淡粉底、樱粉品牌色、圆润的圆角;浏览器配色按亮色 */\nexport const sakuraTheme: Theme = {\n name: 'sakura',\n colorScheme: 'light',\n styles: [sakuraColors, sakuraShadows, defaultFonts, sakuraRadii],\n overrides: {},\n};\n"],"mappings":";;;;;;;;AASA,IAAa,eAAe,IAAI,YAAY,QAAQ;CAClD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,gBAAgB,IAAI,YAAY,SAAS;CACpD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,CAAC;;AAGD,IAAa,cAAc,IAAI,YAAY,OAAO;CAChD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR,CAAC;;AAGD,IAAa,cAAqB;CAChC,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAc;EAAe;EAAc;CAAW;CAC/D,WAAW,CAAC;AACd"}
|