Turn to my blog post https://blognas.hwb0307.com/linux/docker/3203 , content updates are only visible on personal blogs. Welcome to follow!
foreword
Today we come to Nextcloud to play some tricks again (ฅ´ω`ฅ) As a WordPress blogger, I know the importance of additional CSS for blog custom styles. So one day I had a whim, Nextclouddoes it support custom CSS? I did a quick search, and there it is! This feature Custom CSSis supported by an APP called . Let's see how to use it!
test environment
Docker Nextcloud 25.0.2
Install the Custom CSS plugin
Enter 应用the interface and search Custom CSS.
Then, 主题——Custome CSSyou can add custom CSS in it. Usage is similar to WordPress' extra CSS:
special effects
Irregularly updated
Share page translucent
Visit the shared file: https://nextcloud.hwb0307.com/s/zWRSHCMkzPmw73B , the effect changes are as follows, the personal feeling is still wide (ฅ´ω`ฅ):
Background one:
Background two:
The specific CSS code is as follows:
/*分享页面半透明*/
#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;
}
summary
The customization of Nextcloud's special effects is also quite simple. Any interesting special effects will be updated in real time in the future (～￣▽￣)～