Modification du theme en sombre, suppression des item menu non utile (debug et files)

deezer_downloader/web/static/css/custom.css

@@ -13,12 +13,12 @@ input.search {
   border: none;
   outline: none;
   background-color: transparent;
-  color: #495057;
+  color: white !important;
 }
 
 button.search {
   height: 100%;
-  color: #495057;
+  color: white;
   font-size: 14px;
   border: none;
   background-color: transparent;
@@ -26,7 +26,6 @@ button.search {
 
 .tabs-category {
   display: flex;
-  /* border-bottom: 1px solid #ced4da; */
 }
 
 .btn-category {
@@ -45,3 +44,43 @@ button.search {
   border-bottom: 3px solid #242424;
   color: #242424;
 }
+
+.nav-link:link,
+.nav-link:visited {
+  color: white;
+  text-decoration: none;
+}
+
+body {
+  background-color: #292929;
+}
+
+.footer {
+  background-color: #292929 !important;
+  color: white;
+}
+
+.text-muted {
+  color: white !important;
+}
+
+h3, th, td {
+  color: white !important;
+}
+
+.btn-category {
+  background: transparent;
+  color: #6a6a6a;
+  border: none;
+  padding: 8px 16px;
+  cursor: pointer;
+}
+
+.btn-category.active {
+  border-bottom: 3px solid white;
+  color: white !important;
+}
+
+.btn {
+  color: white !important;
+}

deezer_downloader/web/templates/index.html

@@ -55,13 +55,7 @@
       <a class="nav-link" id="nav-deezer" data-toggle="tab" href="#deezer">Deezer (4)</a>
     </li>
     <li class="nav-item">
-      <a class="nav-link" id="nav-file-downloads" href="downloads/" target="_blank" >Files (5)</a>
+      <a class="nav-link" id="nav-task-queue" data-toggle="tab" href="#queue">Queue (5)</a>
-    </li>
-    <li class="nav-item">
-      <a class="nav-link" id="nav-debug-log" data-toggle="tab" href="#debug">Debug (6)</a>
-    </li>
-    <li class="nav-item">
-      <a class="nav-link" id="nav-task-queue" data-toggle="tab" href="#queue">Queue (7)</a>
     </li>
   </ul>
   </div>   <!-- end row -->
@@ -107,7 +101,6 @@
          </table>
      </div> <!-- end div tab songs/albums -->
     
-            
      <div id="youtubedl" class="container tab-pane fade">
          <br>
          <h3>Download stuff via youtube-dl</h3>
@@ -123,7 +116,6 @@
                  </span>
      </div> <!-- end div tab youtube-dl -->
     
-
      <div id="spotify-playlists" class="container tab-pane fade">
        <br>
        <h3>Download Spotify playlist</h3>
@@ -144,8 +136,6 @@
        </div>
      </div> <!-- end div tab spotify playlists -->
 
-
-
      <div id="deezer" class="container tab-pane fade">
        <br>
        <h3>Download Deezer playlist</h3>
@@ -181,15 +171,6 @@
      
      </div> <!-- end div tab deezer playlists -->
 
-
-     <div id="debug" class="container tab-pane fade">
-       <br>
-       <h3>Debug</h3>
-        <div class="form-group">
-           <textarea readonly class="form-control" id="ta-debug-log"></textarea>
-        </div> <!-- end div textares -->
-     </div> <!-- end div tab debug -->
-     
     <div id="queue" class="container tab-pane fade">
       <br>
       <h3>Queue</h3>
@@ -209,14 +190,11 @@
      
     <footer class="footer">
       <div class="container">
-		<i class="fa fa-angellist" ></i> |
+		<span class="text-muted">
-        <span class="text-muted">
 			ctrl+m: focus search bar |
 			Enter: search songs |
 			Ctrl+Shift+[1-7]: navigation | 
         </span>
-        <a id="werbung" href="https://www.effektiv-spenden.org/spenden-tipps/warum-und-wie-ich-spende-gastbeitrag-christoph-hartmann/"><i class="fa fas fa-heart" title="ja, klick drauf." ></i> </a>
-
       </div>
     </footer>