Docker系列深度使用nextcloud (十一) 特效

本文链接：https://blog.csdn.net/huangwb8/article/details/128826112

文章介绍了如何在Nextcloud25.0.2的Docker环境中安装和使用CustomCSS插件来自定义主题样式。用户可以在应用市场搜索并安装CustomCSS，然后在主题设置中添加自定义CSS代码，实现如分享页面半透明等特效。文章还提供了具体的CSS代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转自我的博客文章https://blognas.hwb0307.com/linux/docker/3203，内容更新仅在个人博客可见。欢迎关注！

前言

今天咱又来Nextcloud里玩点花样了 (ฅ´ω`ฅ) 作为一个WordPress博主，我深谙额外CSS对于博客自定义样式的重要性。因此有一天我忽发奇想，Nextcloud是否支持自定义CSS呢？我简单地找了一下，还真有！该功能由一个名为Custom CSS的APP来支持。下面我们就来看看它怎么用！

测试环境

Docker Nextcloud 25.0.2

安装Custom CSS插件

进入应用界面，搜索Custom CSS即可。

msedge_pr8Rec3msz

然后，在主题——Custome CSS里即可添加自定义CSS。用法和WordPress的额外CSS差不多：

msedge_Gr5LMEVYTz

特效

不定期更新

分享页面半透明

访问分享文件：https://nextcloud.hwb0307.com/s/zWRSHCMkzPmw73B，效果变化如下，个人感觉还阔以 (ฅ´ω`ฅ) ：

背景一：

背景二：

具体CSS代码如下：

/*分享页面半透明*/
#app-content {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

#body-public footer {
    background-color: rgba(255, 255, 255, 0) !important;
}

.files-controls {
	background-color: rgba(255, 255, 255, 0) !important;
}
.text-editor {
    background-color: rgba(255, 255, 255, 0.8) !important;
}
.editor.editor-media-handler.text-editor__main {
    background-color: rgba(255, 255, 255, 0.1) !important;
}
thead {
    background-color: rgba(255, 255, 255, 0) !important;
}