From 8f42788cac89d95deca6e98036e8de15b0cc8cf3 Mon Sep 17 00:00:00 2001
From: Bram Prieshof <bram@bprieshof.nl>
Date: Sat, 2 Jul 2022 02:46:37 +0200
Subject: [PATCH] Inital commit

---
 Readme.md            | 16 ++++++++++
 fileshelter-dark.css | 69 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 85 insertions(+)
 create mode 100644 Readme.md
 create mode 100644 fileshelter-dark.css

diff --git a/Readme.md b/Readme.md
new file mode 100644
index 0000000..400dd05
--- /dev/null
+++ b/Readme.md
@@ -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
+```
diff --git a/fileshelter-dark.css b/fileshelter-dark.css
new file mode 100644
index 0000000..0490b98
--- /dev/null
+++ b/fileshelter-dark.css
@@ -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;
+    }
+}
\ No newline at end of file