{
  "__name": "中文",
  "__code": "ZH",
  "__direction": "ltr",
  "__status": "",
  "Tailwind CSS Components": "Tailwind CSS 组件",
  "cta-1": "浏览组件",
  "cta-1-mobile": "组件",
  "cta-2": "阅读使用方法",
  "components-btn": "组件",
  "change-theme-btn": "主题",
  "all-components-btn": "查看全部组件",
  "components": "组件",
  "themes": "主题",
  "github-stars": "Github 星星",
  "npm-installs": "NPM 安装",
  "install-title": "安装 daisyUI",
  "install-desc": "没有任何依赖, 纯净 CSS。 可以作为 Tailwind CSS 的插件使用或者一个独立 CSS 库",
  "install-step-1": "作为 Node package 安装 daisyUI",
  "install-step-2": "在你的 tailwind.config.js 里追加 daisyUI 的设置",
  "install-btn": "安装指导",
  "footer-tagline": "免费的组件库 <br /> 功能类优先 CSS 框架",
  "pages": "页面",
  "how-to-install": "如何安装",
  "how-to-use-components": "如何使用组件",
  "how-to-customize": "如何自定义",
  "how-to-use-themes": "如何使用主题",
  "color-system": "颜色系统",
  "config": "配置",
  "links": "链接",
  "changelog": "更新日志",
  "license": "协议",
  "contributing": "贡献",
  "available-on": "获取渠道",
  "try-online": "在线试用",
  "created-by": "Created by",
  "Install": "安装",
  "Use": "使用",
  "Customize components": "自定义组件",
  "Config": "全局配置",
  "Colors": "颜色",
  "Themes": "主题",
  "Theme Generator": "主题生成器",
  "Layout & Typography": "布局 & 排版",
  "Actions": "动作",
  "Button": "Button 按钮",
  "Dropdown": "Dropdown 下拉菜单",
  "Modal": "Modal 对话框",
  "Swap": "Swap 调换",
  "Data display": "数据展示",
  "Accordion": "Accordion 手风琴",
  "Alert": "Alert 警告提示",
  "Avatar": "Avatar 头像",
  "Badge": "Badge 徽章",
  "Card": "Card 卡片",
  "Carousel": "Carousel 轮播",
  "Chat bubble": "Chat bubble 聊天气泡",
  "Collapse": "Collapse 折叠面板",
  "Countdown": "Countdown 计数",
  "Kbd": "Kbd 键盘",
  "Loading": "Loading 加载",
  "Progress": "Progress 进度条",
  "Radial progress": "Radial progress 圆形进度条",
  "Stat": "Stat 统计展示",
  "Table": "Table 表格",
  "Tooltip": "Tooltip 文字提示",
  "Data input": "数据输入",
  "Checkbox": "Checkbox 复选框",
  "Text input": "Text input 文字输入框",
  "Radio": "Radio 单选框",
  "Range": "Range 范围滑块",
  "Rating": "Rating 评分",
  "Select": "Select 选择器",
  "Textarea": "Textarea 多行文本框",
  "Toggle": "Toggle 开关",
  "Layout": "布局",
  "Artboard": "Artboard 画板",
  "Button group": "Button group 按钮组",
  "Divider": "Divider 分隔线",
  "Drawer": "Drawer 抽屉",
  "Footer": "Footer 页脚",
  "Hero": "Hero 故事",
  "Indicator": "Indicator 标志",
  "Input group": "Input group 输入框组",
  "Mask": "Mask 遮罩",
  "Stack": "Stack 堆叠",
  "Toast": "Toast 弹框",
  "Navigation": "导航栏",
  "Breadcrumbs": "Breadcrumbs 面包屑导航",
  "Bottom navigation": "Bottom navigation 底部导航栏",
  "Link": "Link 链接",
  "Menu": "Menu 菜单",
  "Navbar": "Navbar 导航栏",
  "Pagination": "Pagination 分页",
  "Steps": "Steps 步骤条",
  "Tab": "Tab 选项卡",
  "Mockup": "模型",
  "Browser": "Browser 浏览器",
  "Code": "Code 代码",
  "Phone": "Phone 手机",
  "Window": "Window 视窗",
  "excluded": "除外",
  "CodePen example page": "CodePen 样例",
  "Tailwind Play example page": "Tailwind Play 样例",
  "new": "新增",
  "updated": "更新",
  "Tailwind Plugin": "Tailwind 插件",
  "Use CDN": "使用 CDN",
  "Install daisyUI as a Tailwind CSS plugin": "作为 Tailwind CSS 的插件来安装 daisyUI",
  "You need <a href='https://nodejs.org/en/download/'>Node.js</a> and <a href='https://tailwindcss.com/docs/installation/'>Tailwind CSS</a> installed.": "你需要安装 <a href='https://nodejs.org/en/download/'>Node.js</a> 和 <a href='https://tailwindcss.com/docs/installation/'>Tailwind CSS</a>。",
  "How to install daisyUI as a Tailwind CSS plugin?": "如何作为 Tailwind CSS 的插件来安装 daisyUI？",
  "Install daisyUI": "安装 daisyUI",
  "Then add daisyUI to your <code>tailwind.config.js</code> files": "然后，在你的 <code>tailwind.config.js</code> 文件里追加 daisyUI 的设置",
  "daisyUI example repositories": "daisyUI 演示项目",
  "See example setup of daisyUI and Tailwind CSS on different frameworks and build tools.": "在不同框架和构建工具下的 daisyUI 与 TailwindCSS 的演示项目。",
  "Prev": "上一节",
  "Next": "下一节",
  "Do you have a question?": "你有什么问题么？",
  "Do you see a bug?": "你发现了 bug 么？",
  "Do you like daisyUI?": "你喜欢 daisyUI？",
  "Edit this page on GitHub": "在 GitHub 上编辑本页",
  "ask the community": "向社区提问题",
  "open an issue on GitHub": "在 GitHub 提 issue",
  "tweet about it!": "在 twitter、知乎、微博宣传 daisyui 吧！",
  "Warning": "警告",
  "CDN files are not recommended for production <br/>because you can't purge unused styles and file size will be large.": "不建议在生产上使用 CDN 的版本<br/>因为你不能对未使用的样式进行裁剪，最终的打包大小会很大。",
  "You don't need to install anything.": "你不需要安装任何依赖。",
  "Just add one of these to the <code>head</code> tag of your HTML": "只需要在你的 HTML 的 <code>head</code>添加下面的代码",
  "Or": "或者",
  "Add component classes to your HTML": "对你的 HTML 增加组件类",
  "How to use daisyUI classes to style your page?": "如何使用 daisyUI 的组件类来装饰你的页面呢？",
  "Once you <a href='/docs/install/'>installed daisyUI</a>, you can use component classes like <code>btn</code>, <code>card</code>, etc.": "一旦你 <a href='/docs/install/'>安装完成 daisyUI</a>， 你可以通过 <code>btn</code>, <code>card</code> 等等来使用组件类。",
  "So instead of making a button using only utility classes": "不用再像这样通过 Tailwind 原生工具类来制作一个按钮",
  "You can just use a component class like this": "你可以直接使用组件类来这样做",
  "Then you can modify the component with daisyUI additional utility classes": "你可以通过增加 daisyUI 组件类来修改这个组件",
  "Or you can modify the component with Tailwind CSS utility classes": "你也可以通过 TailwindCSS 的工具类来改变这个组件的样式",
  "Customize daisyUI components": "自定义 daisyUI 组件",
  "How to customize daisyUI?": "如何自定义 daisyUI",
  "daisyUI components come with many variants necessary for design systems and you won't usually need to customize anything.": "daisyUI 自有的设计系统有很多变量，通常你不需要定义任何变量。",
  "But you can still customize components in many ways.": "但是，你仍然可以通过很多方式来实现你的自定义目标",
  "Let's say, you want to customize this button:": "例如，你想自定义下面这个按钮：",
  "You can use daisyUI utility classes:": "你可以使用 daisyUI 的工具类：",
  "You can use Tailwind's utility classes:": "你可以使用 Tailwind 的工具类：",
  "You can customize components on your CSS file, using Tailwind's @apply directive:": "你可以通过 Tailwind 的 @apply 指令来自定义你的组件。",
  "You can also:": "你也可以：",
  "Add your own theme.": "增加自定义主题",
  "Opt out of daisyUI's design decisions, and <a href='/docs/config/'>only use an unstyled (skeleton) version of daisyUI</a>.": "通过 <a href='/docs/config/'>只使用无样式的（骨架）版本的 daisyUI</a> 来完全去掉 daisyUI 的设计元素。",
  "How to change the default configuration of daisyUI?": "如何更改 daisyUI 的默认配置？",
  "daisyUI can be configured from your <code>tailwind.config.js</code> file.": "可以通过 <code>tailwind.config.js</code> 来配置 daisyUI 的配置。",
  "Default config": "默认配置",
  "Config values explained": "配置值说明",
  "If it's true, components will have colors and style so you won't need to design anything.": "如果设置为 true，组件会有默认的颜色和样式，所以你不需要去进行设计。",
  "If it's false, components will have no color and no visual style so you can design your own style on a basic skeleton.": "如果设为 false，组件是没有颜色和视觉样式的，所以你可以在一个基本的骨架上设计你自己的颜色和视觉样式。",
  "If it's true, all themes will be included.": "如果设为 true，则会包含所有的主题。",
  "If it's false, only light and dark themes will be available.": "如果设为 false，则只有白天和黑暗模式的主题。",
  "If it's an array, only themes in the array will be included and the first theme will be the default theme.": "如果是一个数组，则只有数组包含的主题会被加载，数组的第一个主题会成为默认主题。",
  "Read more about <a href='/docs/themes/'>themes</a>.": "在<a href='/docs/themes/'>阅读更多关于主题的内容",
  "If it's true, <a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>a few base styles</a> will be added.": "如果设为 true，<a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>一些基础样式</a> 会被添加。",
  "If it's true, <a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'>responsive and utility classes</a> will be added.": "如果设为 true，<a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'>响应式和工具类</a>会被添加",
  "If it's true, daisyUI shows logs in the terminal while CSS is building.": "如果设为 true，daisyUI 会在 CSS 构建时在命令行窗口输出日志。",
  "If it's true, your theme will be right-to-left. You need to add <code>dir='rtl'</code> to your body tag.": "如果设为 true，你的主题会是从右向左展示。你需要在你的 body 标签添加<code>dir='rtl'</code>。",
  "If you're using daisyUI with RTL option, I suggest using <a href='https://github.com/cvrajeesh/tailwindcss-flip'>tailwindcss-flip</a> plugin because to flip all your Tailwind utilities automatically.": "如果你在 daisyUI 中使用 RTL 选项，我建议使用<a href='https://github.com/cvrajeesh/tailwindcss-flip'>tailwindcss-flip</a> 插件，因为这个插件可以自动帮助你翻转所有 Tailwind 工具类。",
  "Allows us to pick another theme for system's auto dark mode. By default, <code>dark</code> theme (or a custom theme named <code>dark</code>) will be the default theme if no theme is specified and the user is using dark mode on their system. With this config, you can set another theme to be the default dark mode theme.": "选择另一个主题作为系统自动黑暗模式的主题。<code>dark</code> 是默认黑暗模式主题（或者自定义的主题名字是 <code>dark</code>）。通过这个配置，你可以给默认黑暗模式主题设定另一个主题。",
  "Adds a prefix to class name for all daisyUI classes (including component classes, modifier classes and responsive classes).": "给 daisyUI 的类名称增加一个前缀（包含所有的组件类，修饰类和响应类）。",
  "For example: <code>btn</code> will become <code>prefix-btn</code>.": "例如：<code>btn</code> 会变为 <code>prefix-btn</code>。",
  "If you're using a second CSS library that has similar class names, you can use this config to avoid conflicts.": "如果你还使用其他的 CSS 库，并且有冲突，可以用这个方法来避免冲突问题。",
  "Utility classes like color names (e.g. <code>bg-primary</code>) or border-radius (e.g. <code>rounded-box</code>) will not be affected by this config because they're being added as extensions to Tailwind CSS classes.": "颜色名字（例如： <code>bg-primary</code>）或者 border-radius（例如： <code>rounded-box</code>）不会受到这个参数的影响，因为这些参数是作为 Tailwind CSS 类的扩展来设计的。",
  "If you use daisyUI <code>prefix</code> option (like <code>daisy-</code>) and Tailwind CSS <code>prefix</code> option (like <code>tw-</code>) together, classnames will be prefixed like this: <code>tw-daisy-btn</code>.": "daisyUI 的<code>prefix</code> 的功能（例如<code>daisy-</code>）与 TailwindCSS 的 <code>prefix</code> 的功能（例如 <code>tw-</code>）一起使用时，最后的类名是 <code>tw-daisy-btn</code>。",
  "How to use daisyUI colors?": "如何使用 daisyUI 的颜色体系？",
  "Introduction": "介绍",
  "daisyUI is fully themeable and colorable,": "daisyUI 可以完全进行主题化和颜色化，",
  "So instead of using constant color utility classes like:": "你可以不再使用普通颜色工具类的方式：",
  "It's suggested to use semantic color utility classes like:": "建议使用更有语义的颜色工具类：",
  "Each color name contains CSS variables and each daisyUI theme applies color values to the utility classes when it is applied.": "每一个颜色名字都有 CSS 变量，每一个 daisyUI 的主题都可以应用到这些颜色类上。",
  "Benefits": "收益",
  "Semantic color names make more sense because when we design interfaces, we don't just use any random color. We define a specific color palette with names like <code>primary</code>, <code>secondary</code>, etc. and we only use those specific colors in our interfaces.": "当我们设计接口时，不再使用随机的颜色，而使用更有含义的名字。我们通过例如 <code>primary</code>、<code>Secondary</code> 来定义我们的调色盘颜色。我们只在我们的接口里使用这些特定的颜色。",
  "Also, using semantic color names makes theming easier. You wouldn't have to define dark-mode colors for every single element and you wouldn't be limited to only light/dark themes. you can have multiple themes available and each theme is just a few lines of CSS variables.": "通过使用这些更有语义的颜色，主题的实现变得更容易。你不需要为每一个元素定义黑暗模式的颜色，并且你不再受限于只有一套白天/黑暗模式的主题。你可以有多种主题，每一个主题的本质就是一些 CSS 变量。",
  "List of all daisyUI color names": "daisyUI 颜色名",
  "You can use these color names in your theme or in utility classes.": "你可以在你的主题里或者工具类里使用这些颜色名字。",
  "Color name + description": "颜色名+描述",
  "Required or optional for themes": "每一种主题是否必须实现",
  "Example use": "使用样例",
  "How to use": "如何使用",
  "Some daisyUI components come with modifier class names and that modifier class name will apply a color.": "有一些组件类会有可以进行选择颜色的修饰类。",
  "For example": "例如：",
  "You can also use color names in utility classes just like Tailwind's original color names.": "就像在 Tailwind 的原生颜色名字一样，你也可以在工具类里使用这些颜色名字。",
  "These are utility classes that can be used with a color name:": "下面是可以使用颜色名字的工具类：",
  "So you can use <code>bg-primary</code>, <code>border-secondary</code>, etc.": "所以你可以使用 <code>bg-primary</code>、<code>border-secondary</code> 等等。",
  "Contribute to translation": "贡献翻译",
  "Accordion is used for showing and hiding content but only one item can stay open at a time.": "手风琴用于显示和隐藏内容，但一次只能打开一个项目。",
  "Alert informs users about important events.": "警告提示用来提示用户重要的事件消息。",
  "Artboard provides fixed size container to display a demo content on mobile size.": "Artboard 提供了固定尺寸的容器，用于在手机尺寸里显示演示内容。",
  "Avatars are used to show a thumbnail representation of an individual or business in the interface.": "头像用于在界面中显示个人或企业的缩略图。",
  "Badges are used to inform the user of the status of specific data.": "徽章是用来通知用户特定数据的状态。",
  "Bottom navigation bar allows navigation between primary screens.": "底部导航栏允许在主屏幕之间导航。",
  "Breadcrumbs helps users to navigate through the website.": "面包屑导航可以帮助用户导航网站。",
  "Button group shows buttons next to each other.": "按钮组展示了一些相邻的按钮。",
  "Buttons allow the user to take actions or make choices.": "按钮可以让用户执行命令或者作出选择。",
  "Cards are used to group and display content in a way that is easily readable.": "卡片用于显示易于阅读的显示内容。",
  "Carousel show images or content in a scrollable area.": "轮播可以在可滚动区域里显示图像或内容。",
  "Checkboxes are used to select or deselect a value.": "复选框用于选择或取消选择值。",
  "Collapse is used for showing and hiding content.": "折叠面板用于显示和隐藏内容。",
  "Countdown gives you a transition effect of changing numbers.": "计数给了你改变数字的过渡效果。",
  "you need to change the `--value` CSS variable using JS. Value must be a number between 0 and 99.": "你需要使用 JS 更改 `--value`CSS 变量。数值必须是一个介于 0 到 99 之间的数字。",
  "Divider will be used to separate content vertically or horizontally.": "分隔线用于垂直或水平分隔内容。",
  "Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page.": "抽屉是一种可以显示/隐藏页面左侧或右侧的侧边栏的网格布局。",
  "Dropdown can open a menu or any other element when the button is clicked.": "下拉菜单可以在点击按钮时打开菜单或其他元素。",
  "Footer can contain logo, copyright notice, and links to other pages.": "页脚可以包括标志、版权声明和链接到其他网页。",
  "Hero is a component for displaying a large box or image with a title and description.": "Hero 是显示带有标题和描述的大方框或图像的组件。",
  "Indicators are used to place an element on the corner of another element.": "标志用来将元素放置在另一个元素的角落。",
  "Input group puts an input next to a text or a button.": "输入框组将输入放在文本或按钮旁边。",
  "Text Input is a simple input field.": "文字输入框是简单的输入框。",
  "Join is a container for grouping multiple items, it can be used to group buttons, inputs, or any other element. Join applies border radius to the first and last item. Join can be used to create a horizontal or vertical list of items.": "Join 是用于对多个项目进行分组的容器，它可用于对按钮、输入或任何其他元素进行分组。Join 将边框半径应用于第一个和最后一个项目。Join 可用于创建一个水平或垂直的项目列表。",
  "Kbd is used to display keyboard shortcuts.": "键盘用于显示键盘快捷键的效果。",
  "Loading shows an animation to indicate that something is loading.": "加载会显示动画以指示正在加载某些内容。",
  "Link adds the missing underline style to links.": "链接将缺失的下划线样式添加到链接中。",
  "Mask crops the content of the element to common shapes.": "Mask 将元素的内容修剪成常见的形状。",
  "Menu is used to display a list of links vertically or horizontally.": "菜单用于垂直或水平显示链接列表。",
  "Browser mockup shows a box that looks like a browser window.": "浏览器模型展示了一个看起来像浏览器窗口的框。",
  "Code mockup is used to show a block of code in a box that looks like a code editor.": "代码模型用于在看起来像代码编辑器的方框中显示代码块。",
  "Phone mockup shows a mockup of an iPhone.": "手机模型显示了一个像 iPhone 的模型。",
  "Window mockup shows a box that looks like an operating system window.": "视窗模型展示了一个看起来像操作系统窗口的框。",
  "Modal is used to show a dialog or a box when you click a button.": "对话框用于点击按钮时显示对话框或一个盒子模型。",
  "Navbar is used to show a navigation bar on the top of the page.": "导航栏用于在页面顶部显示导航栏。",
  "Pagination is a group of buttons that allow the user to navigate between a set of related content.": "分页是一组按钮，允许用户在一系列相关内容之间移动。",
  "Progress bar can be used to show the progress of a task or to show the passing of time.": "进度条可以用来显示任务的进展情况，也可以用来显示时间的流逝。",
  "Radial progress can be used to show the progress of a task or to show the passing of time.": "圆形进度条可以用来显示任务的进度，也可以用来显示时间的流逝。",
  "Radio buttons allow the user to select one option from a set.": "使用单选框，用户可以从多个选项中选择一个选项。",
  "Range slider is used to select a value by sliding a handle.": "范围滑块用于滑动选择值。",
  "Rating is a set of radio buttons that allow the user to rate something.": "评价是一组单选按钮，用户可以对某件事进行评价。",
  "Select is used to pick a value from a list of options.": "选择器用于从选项列表中选择值。",
  "Stack visually puts elements on top of each other.": "堆叠使元素在视觉上有重叠的效果。",
  "Stat is used to show numbers and data in a box.": "统计展示用于在方框中显示数值和数据。",
  "Steps can be used to show a list of steps in a process.": "你可以使用步骤条来显示流程步骤的列表。",
  "Swap allows you to toggle the visibility of two elements using a checkbox or a class name.": "使用 Swap，你可以使用复选框或类名来切换两个元素的显示。",
  "Tabs can be used to show a list of links in a tabbed format.": "你可以使用选项卡，以选项卡的形式显示链接列表。",
  "Table can be used to show a list of data in a table format.": "你可以使用表格来显示数据列表。",
  "Textarea allows users to enter text in multiple lines.": "多行文本框允许用户在多行中输入文本。",
  "Toggle is a checkbox that is styled to look like a switch button.": "开关是为了看起来像开关按钮的样式的复选框。",
  "Tooltip can be used to show a message when hovering over an element.": "你可以使用文字提示，当用户使用点击或者鼠标对准某个元素时显示消息。",
  "Browser mockup": "浏览器模型",
  "Code mockup": "代码模型",
  "Phone mockup": "手机模型",
  "Window mockup": "视窗模型",
  "File Input": "文件输入框",
  "Text Input": "文字输入框",
  "Range slider": "范围滑块",
  "Tabs": "Tabs",
  "All daisyUI components": "所有的 daisyUI 组件",
  "Class name": "类名",
  "Type": "类型",
  "Search": "搜索",
  "daisyUI comes with a number of themes, which you can use with no extra effort.": "daisyUI 原生已经有很多精美制作的主题，你可以直接获取它们。",
  "Each theme defines a set of colors which will be used on all daisyUI elements.": "每一个主题都定义了一些全局的变量，这些变量会影响所有的 daisyUI 组件。",
  "To use a theme, add its name in <span class=badge>tailwind.config.js</span> and activate it by adding <span class=badge>data-theme</span> attribute to <span class=badge>HTML</span> tag:": "要使用一个主题，只需要在 <span class=badge>tailwind.config.js</span> 里添加主题名字，然后在 <span class=badge>HTML</span> 标签里添加 <span class=badge>data-theme</span> 属性即可：",
  "I suggest using <a href='https://github.com/saadeghi/theme-change'><code>theme-change</code></a>, so you can switch themes and save selected theme in local storage.": "我推荐使用 <a href='https://github.com/saadeghi/theme-change'><code>theme-change</code></a>，这样你可以方便的切换主题，并且主题的选择会存储在本地存储里。",
  "List of themes": "主题列表",
  "Try them:": "尝试它们:",
  "The default theme is <code>light</code> (or <code>dark</code> for dark mode)": "默认主题是 <code>light</code>（或者如果是黑暗模式则为 <code>dark</code> ）",
  "but you can <a href='https://daisyui.com/docs/config/'>change the default theme from tailwind.config.js</a>": "你可以通过配置 <a href='https://daisyui.com/docs/config/'>tailwind.config.js</a> 来改变默认的主题选择",
  "How to remove unused themes?": "如何去掉不使用的主题？",
  "You can only include the themes you want in your project.": "在你的项目中只引入你需要的主题。",
  "This will reduce the size of your CSS file.": "这会减小你最终的 CSS 文件。",
  "In the below example": "在下面的例子里",
  "<code>cupcake</code> will be the default theme for light mode": "<code>cupcake</code> 会成为 light 模式的默认主题",
  "<code>dark</code> will be the default theme for dark mode": "<code>dark</code> 会成为 dark 模式的默认主题",
  "<code>cmyk</code> can be applied on any HTML tag with <code>data-theme='cmyk'</code>": "当 HTML 的 tag 存在 <code>data-theme='cmyk'</code> 时，主题会切换为 <code>cmyk</code> ",
  "How to disable all themes?": "如何禁止所有的主题？",
  "If you only want the default light and dark themes, set <code>themes</code> config to false.": "如果你只想使用默认的 light 和 dark 主题，设置 <code>themes</code> 配置为 false。",
  "If you don't want to include any themes and disable all colors, set <code>themes</code> config to an empty array.": "如果你不想引入任何主题，并且禁止所有有语义的颜色名字， 设置 <code>themes</code> 配置为一个空数组。",
  "How to use a theme only for a section of a page?": "如何在页面的一部分使用主题？",
  "Add <code>data-theme='THEME_NAME'</code> to any element and everything inside will have your theme.": "在你想使用主题的标签添加 <code>data-theme='THEME_NAME'</code> 即可以让这个标签下面使用对应的主题。",
  "You can nest themes and there is no limit!": "你可以嵌套使用主题，可能是无尽的，尝试吧！",
  "You can force a section of your HTML to only use a specific theme.": "你可以强制让你的 HTML 去使用一个特定的主题。",
  "How to add a new custom theme?": "如何增加自定义主题？",
  "You can add a new theme from <code>tailwind.config.js</code> file.": "你可以在你的 <code>tailwind.config.js</code> 文件里添加一个新主题。",
  "In the below example, I added a new theme called <code>mytheme</code> and I'm also including <code>dark</code> and <code>cupcake</code> themes.": "在下面这个例子里，我添加了一个新主题叫 <code>mytheme</code> 并且我也引入了 <code>dark</code> 和 <code>cupcake</code> 主题。",
  "The first theme (<code>mytheme</code>) will be the default theme.": "第一个主题 （<code>mytheme</code>） 会成为默认主题。",
  "<code>dark</code> theme will be the default theme for dark mode.": "<code>dark</code> 主题会成为默认的黑暗模式主题。",
  "In the below example, I have the required colors. All other colors will be generated automatically (Like the color of button when you focus on it or the color of text on a <code>primary</code> button).": "在下面这个例子里，我只设定了必要的颜色。 其他颜色会自动由 daisyUI 生成 （当一个按钮成为焦点时的颜色，或者一个<code>primary</code> 按钮的文字颜色）。",
  "CSS variables in daisyUI themes": "daisyUI 主题的 CSS 变量",
  "There are a few optional CSS variables that you can use in daisyUI themes to customize design decisions for each theme:": "如果你想自定义 daisyUI 主题，这里有一些你可以调整的 CSS 变量：",
  "You can also add <a href='/docs/colors/' class='link'>optional color names</a> to have full control over all colors.": "你也可以添加 <a href='/docs/colors/' class='link'>可选颜色名字</a> 来完全控制所有的颜色。",
  "Custom CSS for a daisyUI theme": "给 daisyUI 主题增加自定义 CSS",
  "You can apply custom style to a daisyUI themes using CSS:": "你可以通过 CSS 给 daisyUI 主题增加样式：",
  "How to customize an existing theme?": "如何对已有主题进行自定义设置？",
  "In your tailwind.config.js, you can require an existing daisyUI theme and override some colors.": "在你的 tailwind.config.js，你可以获取一个特定的主题，并且覆盖这个主题的颜色变量。",
  "In the below example, I require and spread <code>light</code> theme and change its <code>primary</code> and <code>secondary</code> colors:": "在下面这个例子，我调整了 <code>light</code> 主题，并且改变了这个主题的 <code>primary</code> 和 <code>secondary</code> 的颜色：",
  "daisyUI themes": "daisyUI 主题",
  "How to use daisyUI themes?": "如何使用 daisyUI 的主题？",
  "daisyUI Theme Generator": "daisyUI 主题生成器",
  "You can add your custom themes to <span class='badge badge-outline'>tailwind.config.js</span> file in <span class='badge badge-outline'>daisyui > themes</span> array. On this page, you can pick required color values and see how the components will look like with them.": "你可以在 <span class='badge badge-outline'>tailwind.config.js</span> 文件里设置 <span class='badge badge-outline'>daisyui > themes</span> 数组来增加你的自定义主题。在这个页面，你可以查看你定义的颜色影响的组件外观的变化。",
  "You can also define optional colors to have more control on the color values (for example: the color of a button when it's focused on the color of the text on a button)": "你可以通过设置可选颜色变量来增加你的控制力（例如：当一个按钮成为焦点时的文字颜色）",
  "Check out <a class='link font-bold' href='/docs/colors/'>colors page</a> to see all the color names you can use.": "查看 <a class='link font-bold' href='/docs/colors/'>颜色页面</a> 来了解你可以更改的颜色名字变量。",
  "Check out <a class='link font-bold' href='/docs/themes/'>themes page</a> to see all the CSS variables you can use to customize the design decision (example: border-radius, animations, etc.)": "查看 <a class='link font-bold' href='/docs/themes/'>主题页面</a> 来了解你可以调整的 CSS 变量（例如： border-radius, animations 等等。）",
  "Randomize": "随机一个主题",
  "Reset": "重置",
  "Preview": "预览",
  "Layout and Typography": "布局和排版",
  "How to use layouts and typography in daisyUI": "如何在 daisyUI 中使用布局和排版",
  "Layout, sizing, grids, spacing, etc. all will be handled by Tailwind CSS's utility classes.": "布局， 大小， grids， 间隔等等。所有这些可以用 Tailwind CSS 的工具类来调整",
  "Read more": "阅读更多",
  "Typography": "排版",
  "You should use official <a href='https://github.com/tailwindlabs/tailwindcss-typography'>TailwindCSS Typography plugin</a>.": "你应该使用官方的 <a href='https://github.com/tailwindlabs/tailwindcss-typography'>TailwindCSS Typography plugin</a>.",
  "It handles everything and it's fully customizable.": "这个插件可以操作所有的情况，而且本身就可以调整。",
  "daisyUI adds some style to @tailwindcss/typography so it will use the same theme as other elements.": "daisyUI 增加一些样式给  @tailwindcss/typography 所以这些组件可以和其他元素一样获取同样的主题",
  "Make sure you require <span class='badge badge-outline'>daisyui</span> AFTER <span class='badge badge-outline'>@tailwindcss/typography</span> in tailwind.config.js": "确保你在  tailwind.config.js 引用 <span class='badge badge-outline'>daisyui</span> 在<span class='badge badge-outline'>@tailwindcss/typography</span> 的后面",
  "Here you can see how elements will look using <code>@tailwindcss/typography</code>.": "这里你可以看到使用 <code>@tailwindcss/typography</code> 如何影响你的元素：",
  "To use a custom prefix, <a class='link' href='/docs/config/#prefix'>add your prefix string to config</a>": "为了使用一个自定义前缀， <a class='link' href='/docs/config/#prefix'>在配置文件中增加前缀设置</a>",
  "Component": "组件类",
  "Modifier": "装饰类",
  "Responsive": "响应类",
  "Changes the style of a component": "改变一个组件的样式",
  "Supports responsive prefixes (sm:, lg:, …)": "支持响应式前缀 (sm:, lg:, …)",
  "Make your theme": "做一个主题",
  "More examples": "更多示例",
  "Support daisyUI's development": "支持daisyUI的开发",
  "The most popular": "最流行的",
  "component library": "组件库",
  "for Tailwind CSS": "为Tailwind CSS",
  "daisyUI adds component class names to Tailwind&nbsp;CSS<br /> so you can make beautiful websites <span class='border-base-content/20 border-b-2'>faster than ever.</span>": "daisyUI 将组件类名添加到 Tailwind&nbsp;CSS 中，<br />因此您可以制作美丽的网站 <span class='border-base-content/20 border-b-2'>比以往更快。</span>",
  "don't re-invent <br/>the wheel <br/>every time": "不要每次都重复造轮子",
  "In a Tailwind CSS project, you need to write utility class names for every element. Thousands of class names just to style the most basic elements.": "在Tailwind CSS项目中，您需要为每个元素编写实用程序类名。数千个类名仅用于为最基本的元素定义样式。",
  "instead of writing<br /> <span class='text-error'><span class='font-black'>100</span> class names</span>": "不用再写<br /> <span class='text-error'><span class='font-black'>100</span> 个类名</span>",
  "For every element, every page, every project,<br/>again and again": "对每个元素，每个页面，每个项目，<br/>一遍又一遍",
  "use <span class='text-success'><span class='font-black'>semantic</span> <br />class names</span>": "使用 <span class='text-success'><span class='font-black'>语义化</span> <br />的类名</span>",
  "It's descriptive, faster, cleaner and easier to maintain.": "更清晰，更快速，更干净，更容易维护",
  "Features": "特性",
  "Links": "链接",
  "Message": "消息",
  "Cleaner HTML": "更干净的 HTML",
  "Customizable": "可定制",
  "Themeable": "可主题化",
  "Pure CSS": "纯 CSS",
  "Dashboard": "仪表盘",
  "Notifications": "通知",
  "Messages": "消息",
  "People": "用户",
  "Products": "产品",
  "Use Tailwind CSS but write fewer class names.": "使用 Tailwind CSS，但写更少的类名。",
  "Pure CSS. <br />No JS dependency": "纯 CSS. <br />无 JS 依赖",
  "Works on all frameworks": "适用于所有框架",
  "Design system": "设计系统",
  "Styling a simple button": "样式化一个简单的按钮",
  "Result": "结果",
  "Take Tailwind CSS": "采用 Tailwind CSS",
  "to the next level": "提升至下一级",
  "daisyUI adds class names to Tailwind CSS<br />for all common UI components.<br />Class names like": "daisyUI 为 Tailwind CSS 添加了类名<br />以支持所有常用的 UI 组件。<br />类名如下",
  "and many more.": "等等",
  "This allows us to focus on important things<br />instead of styling basic elements for every project.": "这使我们可以专注于重要的事情<br />而不是为每个项目设置基本元素的样式。",
  "No_more_ugly_HTML_part_1": "不",
  "No_more_ugly_HTML_part_2": "再",
  "No_more_ugly_HTML_part_3": "有丑陋",
  "No_more_ugly_HTML_part_4": "的 HTML",
  "Write fewer class names<br />Use component class names<br />modify them using Tailwind CSS utilities.": "写更少的类名<br />使用组件类名<br />使用 Tailwind CSS 工具类修改它们。",
  "Click": "点击",
  "Tailwind only": "仅 Tailwind",
  "Tailwind + daisyUI": "Tailwind + daisyUI",
  "Save": "保存",
  "Accept terms of use": "接受使用条款",
  "Submit to newsletter": "提交到新闻通讯",
  "Fewer class names": "更少的类名",
  "Faster development": "更快的开发速度",
  "Smaller file size": "更小的文件大小",
  "With daisyUI, you write 80% fewer class names<br />And your HTML size will be about 70% smaller.": "使用 daisyUI，您只需编写 20% 的类名<br />而您的 HTML 大小将缩小约 70%。",
  "CSS Class names": "CSS 类名",
  "fewer class names": "更少的类名",
  "HTML size": "HTML 大小",
  "smaller DOM size": "更小的 DOM 大小",
  "Highly customizable": "高度可定制",
  "Powered by Tailwind&nbsp;CSS utility&nbsp;classes": "基于 Tailwind&nbsp;CSS 实用程序&nbsp;类",
  "daisyUI is built on top of Tailwind&nbsp;CSS so you can customize everything using utility classes.": "daisyUI 是基于 Tailwind&nbsp;CSS 的<br />所以您可以使用实用程序类定制一切。",
  "Pure CSS.": "纯 CSS。",
  "Framework agnostic.": "框架不可知。",
  "Works everywhere.": "随处可用。",
  "daisyUI is a plugin for Tailwind CSS. It works on all JS frameworks and doesn't need a JS bundle file.": "daisyUI 是 Tailwind CSS 的插件。它适用于所有 JS 框架，不需要 JS 捆绑文件。",
  "Install daisyUI as a dev dependency and use the class names just like any other Tailwind CSS class name.": "将 daisyUI 作为 dev 依赖项安装，并像任何其他 Tailwind CSS 类名一样使用类名。",
  "Apply_your_own_design_decisions_part_1": "应用",
  "Apply_your_own_design_decisions_part_2": "您自己的",
  "Apply_your_own_design_decisions_part_3": "设计",
  "Apply_your_own_design_decisions_part_4": "决策",
  "Apply_your_own_design_decisions_part_5": "",
  "Your website should be unique. Create a custom theme for yourself using daisyUI theme generator. The colors you pick will be applied to all daisyUI components.": "您的网站应该是独一无二的。使用daisyUI主题生成器为自己创建一个自定义主题。您选择的颜色将应用于所有daisyUI组件。",
  "Learn more about themes": "了解更多主题相关信息",
  "utility classes": "实用工具类",
  "endless possibilities": "无穷的可能性",
  "Mix and match daisyUI class names to create unique web pages.": "混合并匹配daisyUI类名以创建独特的网页。",
  "daisyUI is the most popular<br />component library for Tailwind&nbsp;CSS": "daisyUI是<br />Tailwind CSS的最受欢迎<br />的组件库",
  "open-source projects using daisyUI": "使用daisyUI的开源项目",
  "Free and open-source": "免费且开源",
  "Built by the community": "由社区构建",
  "daisyUI welcomes contributions from developers around the world": "daisyUI欢迎来自世界各地的开发者的贡献",
  "Sponsors and backers": "赞助商和支持者",
  "Try daisyUI": "尝试daisyUI",
  "on your favorite framework": "在您喜欢的框架上",
  "See all examples": "查看所有示例",
  "Or play with daisyUI on": "或在daisyUI上玩耍",
  "Chat bubbles are used to show one line of conversation and all its data, including the author image, author name, time, etc.": "聊天气泡用于显示一行对话及其所有数据，包括作者图像、作者名称、时间等。",
  "File Input is a an input field for uploading files.": "文件输入框是一个用于上传文件的输入框。",
  "Toast is a wrapper to stack elements, positioned on the corner of page.": "Toast 是一个用于堆叠元素的包装器，位于页面的角落。",
  "Admin panel": "管理面板",
  "Updates": "更新",
  "Stats": "统计",
  "Unlimited themes": "无限主题",
  "with zero effort": "不费吹灰之力",
  "daisyUI adds a set of customizable color names to Tailwind CSS and these new colors use CSS variables for the values. Using daisyUI color names, you get Dark Mode and even more themes without adding a new class name.": "daisyUI为Tailwind CSS添加了一组可自定义的颜色名称，这些新颜色使用CSS变量作为值。使用daisyUI颜色名称，您可以获得暗模式和更多主题，而无需添加新的类名称。",
  "See all themes": "查看所有主题",
  "Semantic colors": "语义化颜色",
  "Learn more about colors": "了解更多关于颜色的知识",
  "Get started": "现在开始",
  "daisyUI 3 is available now!": "daisyUI 3 现在可用！",
  "How to add custom styles for a specific theme?": "如何为一个指定的主题添加自定义样式？",
  "You can write custom style for your elements only for a specific theme.": "你只能给一个指定的主题的元素写自定义样式。",
  "In this example, .btn-twitter class only will have this style on light theme.": "在这个例子里，<code>.btn-twitter</code> 类只会在 <code>light</code> 主题中才会有这些样式",
  "Become a sponsor": "成为赞助商",
  "Accordion uses the same style as the <a href='/components/collapse/' class='link'>collapse component</a> but it works with radio inputs. You can control which item to be open by checking/unchecking the hidden radio input.": "手风琴和 <a href='/components/collapse/' class='link'>折叠面板</a> 使用相同的样式，同时可以和单选框一起生效。你可以通过隐藏的单选框选中/取消选中来控制开合状态。",
  "Click to open this one and close others": "点击打开当前并关闭其他。",
  "Using Accordion and Join together": "Accordion 手风琴和 Join 组合一起使用",
  "All radio inputs with the same name work together and only one of them can be open at a time. If you have more than one set of accordion items on a page, use different names for the radio inputs on each set.": "所有同名单选框一起时只有一个可以被选中。如果你又超过一个 Accordion 手风琴在一个页面上，你需要给每一个 Accordion 手风琴设置不同的单选框名字。",
  "Join": "Join 组合",
  "related projects": "相关项目",
  "There are 3 ways to use a modal:": "有三种方式来使用 Modal 模态框:",
  "Make sure you're using unique IDs for each modal": "确保你为每一个 Modal 模态框使用了唯一的 ID",
  "Also see <a href='/components/accordion/' class='link'>accordion</a> examples": "也可以查看 <a href='/components/accordion/' class='link'>Accordion 手风琴</a> 的例子",
  "Radial progress needs `--value` CSS variable to work.<br />To change the size, use `--size` CSS variable which has a default value of `4rem`.<br />To change the thickness, use `--thickness` CSS variable which is 10% of the size by default.<br />": "Radial progress 需要 `--value` CSS 变量来工作。<br />要改变大小，使用 `--size` CSS 变量，它的默认值是 `4rem`。<br />要改变厚度，使用 `--thickness` CSS 变量，它的默认值是 `--size` 的 10%。<br />",
  "Deprecated": "已弃用",
  "Drawer sidebar is hidden by default. You can make it visible on larger screens using <code>lg:drawer-open</code> class (or using other responsive prefixes: <code>sm</code>, <code>md</code>, <code>lg</code>, <code>xl</code>)": "抽屉式侧边栏默认是隐藏的。你可以使用 <code>lg:drawer-open</code> 类名来在大屏幕上显示它（或者使用其他响应式前缀： <code>sm</code>, <code>md</code>, <code>lg</code>, <code>xl</code>）",
  "Join (group items)": "Join (组合元素)",
  "This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join'>Join</a> instead.": "这个组件已经被弃用，并且将在下一个主要版本中被移除。请使用 <a class='link' href='/components/join'>Join</a> 代替。",
  "Docs": "文档",
  "Components": "组件",
  "Which element to attach the theme CSS variables to.": "将主题 CSS 变量附加到哪个元素。",
  "In certain situations (such as embedding daisyUI in a shadow root) it may be useful to set this to e.g. <code>*</code>, so all components will have access to the required CSS variables.": "在某些情况下（例如在 shadow root 中嵌入 daisyUI），将其设置为 <code>*</code> 可能很有用，因此所有组件都可以访问所需的 CSS 变量。",
  "Utilities": "工具类",
  "Utility classes and CSS variables": "工具类和 CSS 变量",
  "Additional utility classes and CSS variables that daisyUI uses for components and themes": "daisyUI 用于组件和主题的其他实用程序类和 CSS 变量",
  "Color utility classes": "颜色工具类",
  "All daisyUI colors can be used as utility classes. Just like any other Tailwind CSS color. For example you can use `primary` color with any of Tailwind CSS color utilities.": "所有 daisyUI 颜色都可以用作实用程序类。就像任何其他 Tailwind CSS 颜色一样。例如，您可以将 `primary` 颜色与任何 Tailwind CSS 颜色实用程序一起使用。",
  "Border radius": "边框半径",
  "These extended border radius are being used in daisyUI components. The values depend on the theme so you can have a different design decision about border radius of elements based on the active theme. You can use any Tailwind CSS border radius class for these names as well. Like `rounded-r-box` or `rounded-tr-btn`": "这些扩展的边框半径正在 daisyUI 组件中使用。值取决于主题，因此您可以根据活动主题对元素的边框半径做出不同的设计决策。您也可以使用任何 Tailwind CSS 边框半径类来使用这些名称。例如 `rounded-r-box` 或 `rounded-tr-btn`",
  "Glass": "Glass 磨砂玻璃",
  "These glass class to give elements a matte glass effect": "这些 glass 类可以给元素一个磨砂玻璃效果",
  "CSS variables": "CSS 变量",
  "These CSS variables are being used internally. You can customize them in your custom theme in `tailwind.config.js` or you can even customize them with a class name like `[--animation-btn:0]`": "这些 CSS 变量正在内部使用。您可以在 `tailwind.config.js` 中的自定义主题中对其进行自定义，或者甚至可以使用类名对其进行自定义，例如 `[--animation-btn:0]`",
  "Component specific CSS variables": "组件特定的 CSS 变量",
  "These CSS variables are being used internally for a specific component": "这些 CSS 变量正在内部使用于特定的组件",
  "Theme Controller": "主题控制器",
  "If a checked checkbox input or a checked radio input with theme-controller class exists in the page, The page will have the same theme as that input's value.": "如果页面中存在带有 theme-controller 类的选中复选框输入或选中的单选框输入，则页面将具有与该输入值相同的主题。",
  "Theme Controller changes the theme using CSS only. You can then use JS to save the input state in the server or localStorage if you want it to persist on page refresh. <br/>Here's a React example to save checkbox state in local storage:": "主题控制器仅使用 CSS 更改主题。然后，您可以使用 JS 将输入状态保存在服务器或 localStorage 中，如果要在页面刷新时保持状态。 <br/>这里是一个 React 示例，用于将复选框状态保存在本地存储中：",
  "Diff": "Diff 对比",
  "Diff component shows a side-by-side comparison of two items.": "Diff 组件显示两个项目的并排比较。",
  "Timeline": "Timeline 时间轴",
  "Timeline component shows a list of events in chronological order.": "Timeline 组件按时间顺序显示事件列表。",
  "The <span class=badge>hr</span> tag at the start or end of each item, displays a line to connect items.": "每个项目的开头或结尾的 <span class=badge>hr</span> 标签，显示连接项目的线。",
  "Feedback": "反馈",
  "Skeleton": "Skeleton 骨架屏",
  "Skeleton is a component that can be used to show a loading state of a component.": "Skeleton 是一个可以用来显示组件加载状态的组件。",
  "Container element": "容器元素",
  "Using <code>&lt;dialog&gt;</code> element: It needs JS to open but it has better accessibility and we can close it using <span class='kbd kbd-xs'>Esc</span> key": "使用 <code>&lt;dialog&gt;</code> 元素：它需要 JS 来打开，但是它有更好的可访问性，我们可以使用 <span class='kbd kbd-xs'>Esc</span> 键来关闭它",
  "Using a hidden <code>&lt;input type='checkbox'&gt;</code> and <code>&lt;label&gt;</code> to check/uncheck the checkbox and open/close the modal": "使用隐藏的 <code>&lt;input type='checkbox'&gt;</code> 和 <code>&lt;label&gt;</code> 来选中/取消选中复选框并打开/关闭模态框",
  "Using <code>&lt;a&gt;</code> anchor links: A link adds a parameter to the URL and you only see the modal when the URL has that parameter": "使用 <code>&lt;a&gt;</code> 锚点链接：链接向 URL 添加一个参数，只有当 URL 具有该参数时，您才会看到模态框",
  "This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join/'>Join</a> instead.": "这个组件已经被弃用，并且将在下一个主要版本中被移除。请使用 <a class='link' href='/components/join/'>Join</a> 代替。",
  "Playground": "示例",
  "Store": "商店",
  "Blog": "博客",
  "Resources": "资源",
  "Sponsors": "赞助商",
  "Support daisyUI": "赞助 daisyUI",
  "Use daisyUI from CDN": "使用 daisyUI CDN",
  "How to use daisyUI from a CDN?": "如何使用 daisyUI CDN？",
  "etc.": "等等。",
  "Buttons with brand colors": "按钮类型和颜色",
  "Active buttons": "活动按钮",
  "Buttons with state colors": "不同的状态对应的按钮颜色",
  "Outline buttons": "边框按钮",
  "Outline buttons with state colors": "不同的状态对应的边框按钮颜色",
  "Button sizes": "按钮尺寸",
  "Responsive button": "响应式按钮",
  "This button will have different sizes on different browser viewpoints": "这个按钮在不同的浏览器视图中会有不同的大小。",
  "Wide button": "宽按钮",
  "Glass button": "玻璃效果",
  "Buttons with different HTML tags": "Button可以用不同的HTML标签实现",
  "You can use `btn` class on <button>, <input>, <a>, etc...": "你可以在<button>，<input>，<a>等元素上使用“btn”类...",
  "Disabled buttons": "禁用状态",
  "Square button": "矩形圆角按钮",
  "Circle button": "圆形按钮",
  "Icon at start": "图标按钮（图标在前）",
  "Icon at end": "图标按钮（图标在后）",
  "Button block": "Block 按钮",
  "Button with loading spinner": "加载状态按钮",
  "Button with loading spinner and text": "加载状态并带有文案按钮",
  "Button without click animation": "没有点击动画的按钮"
}
