filebrowser 提供了指定目录下的文件管理界面,部署运行后相当于个人网盘。可以用来上传、删除、预览、重命名、编辑和分享文件。它允许创建多个用户,每个用户可以有自己的目录。它可以作为独立的应用程序使用,也可以作为中间件使用。
站点 | 链接地址 |
---|---|
Github 地址 | https://github.com/filebrowser/filebrowser 已存档,原开发者停止维护 |
官网文档 | https://filebrowser.xyz/ |
登录后找到 设置
/ 全局设置
/ 品牌
:
禁止外部链接
可以禁用左侧 File Browser 2.0.16
的超链接;Instance name
实例名可以自定义登录页面显示的标题;品牌信息文件夹路径
可以自定义页面样式和 Logo:
style
文件夹;将以下 CSS 代码保存到 custom.css
文件中并放在 品牌信息文件夹路径
的所在目录。
1/** 页面字体 */
2* {
3 font-family: Consolas, 'Microsoft Yahei UI', 'Microsoft Yahei', 'Helvetica Neue', 'Hiragino Sans GB', Helvetica, Tahoma, FangSong, STFangsong, sans-serif;
4}
5
6/** 加载动画 */
7.spinner > div {
8 background-color: #F2F2F2;
9 background-color: orangered\0; /* IE 样式 */
10}
11
12/** 普通文字、字体图标颜色 */
13.action, #listing h2, #search .boxes h3, .card h3, .collapsible > label *, .dashboard p label, .message {
14 color: #F2F2F2;
15}
16
17/** 链接文字颜色 */
18a {
19 color: powderblue;
20}
21
22/** 输入框、表格标题文字颜色 */
23#search.active i, #search.active input, table th {
24 color: #FFFFFF;
25}
26
27/** 主体、弹窗颜色 */
28#loading, #login, #search.active #input, body, header, .card, #search .boxes, .ace-chrome .ace_gutter-active-line {
29 background-color: #3B3B3B;
30 color: #F2F2F2;
31}
32
33/** 搜索页面、列表标题样式 */
34#search #input, #search #result, .input, #listing.list .item.header, .ace-chrome .ace_gutter, .share__box__download, .file-list li:hover {
35 background-color: #303030;
36 color: #EEEEEE;
37}
38
39/** 列表项目、文本编辑、命令行、文件分享样式 */
40#listing .item, .ace-chrome, .shell, .share__box {
41 background-color: #333333;
42 color: #F0F0F0;
43}
44
45/** 加载页面、登录页面信息提示 */
46#loading::after, #login::after {
47 position: absolute;
48 bottom: 5px;
49 width: 100%;
50 display: block;
51 font-size: 12px;
52 text-align: center;
53 content: '请使用 Chromium 内核浏览器或 Firefox 进行访问!';
54 color: deepskyblue;
55 /* IE 样式 */
56 bottom: 30px\0;
57 font-size: 36px\0;
58 color: tomato\0;
59}
60
61/** IE 浏览器警告背景颜色 */
62#loading, #login {
63 background:pink\0;
64}
由于代码中使用了 JavaScript 字符串模板,IE 无法解析,页面会停留在加载页面,故不支持 IE 浏览器。
内容声明 | |
---|---|
标题: File Browser 文件浏览器 Dark Theme 暗黑模式主题样式分享 | |
链接: https://zixizixi.cn/filebrowser-custom-dark-theme | 来源: iTanken |
本作品采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可,转载请保留此声明。
|