DarkTheme/FileShelter_Dark
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Inital commit

Browse Source
This commit is contained in:
Bram Prieshof
2022-07-02 02:46:37 +02:00
commit 8f42788cac
2 changed files with 85 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
Readme.md Normal file
View File

@@ -0,0 +1,16 @@
# Dark theme for [fileshelter](https://github.com/epoupon/fileshelter)
**Installation instructions when using DEB package:**
1. Clone this repo into /opt/FileShelter_Dark
2. Symlink `fileshelter-dark.css` file into the file css folder of the fileshelter docroot
3. Add `@import "fileshelter-dark.css";` to the top off fileshelter.css the same folder, this will tell it to load the theme css file
**Install commands when using DEB package:**
```
#Clone repo
git clone https://git.bprieshof.nl/DarkTheme/FileShelter_Dark /opt/FileShelter_Dark
# Symlink file into place
ln -s /opt/FileShelter_Dark/fileshelter-dark.css /usr/share/fileshelter/docroot/css/fileshelter-dark.css
# Enable theme by prepending an import to fileshelter.css (this should also be run everytime Fileshelter is updated)
sed -i '1i@import "fileshelter-dark.css";' /usr/share/fileshelter/docroot/css/fileshelter.css
```

69
fileshelter-dark.css Normal file
View File

@@ -0,0 +1,69 @@
/*
@project: Dark theme for fileshelter(https://github.com/epoupon/fileshelter)
@author: brammp
*/
@media (prefers-color-scheme: dark) {
h1{
color: white !important;
}
h2, p, label, .panel-heading {
color: #bbc0ca !important;
}
body {
background-color: #383c4a;
}
.navbar {
background-color: #2a2e3a;
border-color: #454a57;
}
.well, .form-control {
background-color: #292d39;
border-color: #454a57;
color: #d5dbe6;
}
.panel-default,.modal-content {
background-color: #303440;
border-color: #454a57;
color: #d5dbe6;
}
a, .navbar-default .navbar-nav > li > a {
color: #86acd1;
}
a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #1e70bf;
background-color: #2a2e3a;
}
.Wt-filedropzone {
background-color: #303440 !important;
}
.Wt-filedropzone:hover {
background-color: #454a57 !important;
}
.panel-heading {
background-color: #454a57 !important;
border-color: #454a57 !important;
}
.help-block, .help-block:hover {
color: #7f8699 !important;
}
.navbar-brand{
color: #609926 !important;
}
.btn-default {
color: white;
background-color: #353846;
border-color: #555763;
}
.btn-default:hover, .btn-default:active, .btn-default:focus {
color: white;
background-color: #3d404c;
border-color: #5b5f68;
}
.Wt-error {
color: red;
}
.modal-footer, .modal-header {
border-color: #454a57;
}
}