You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何下载或激活UIkit CSS的暗色主题及其他主题?

UIkit 暗色主题及其他主题启用指南

暗色主题启用说明

  • 无需单独下载暗色主题版本,官网默认提供的UIkit包已包含暗色主题样式。
  • 启用方式很直接,只需在<html>或<body>标签上添加uk-dark类即可,示例代码:
    <html class="uk-dark">
    
    添加后页面会自动切换为UIkit暗色主题样式。

其他主题的下载与激活方法

  • 官方自定义主题:使用UIkit官方的主题定制功能,调整颜色、字体、间距等参数后生成专属主题包,下载后替换项目中原有的UIkit CSS文件即可生效。
  • SCSS变量定制:若项目使用SCSS,可导入UIkit的SCSS核心文件,通过覆盖内置的SCSS变量(如颜色、字体变量)来定制主题,编译成CSS后引入项目即可。
  • 第三方主题:部分社区会分享自定义UIkit主题,找到对应的CSS文件替换原生UIkit CSS,再按照主题说明添加必要类名就能激活。

内容的提问来源于stack exchange,提问作者John Smith

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.08 09:27:06