From bd49a36bccc2a4197063af4526209f71a345e387 Mon Sep 17 00:00:00 2001
From: Alexandre Iooss <erdnaxe@crans.org>
Date: Fri, 21 Aug 2020 13:24:04 +0200
Subject: [PATCH] Dark background and custom navbar color

---
 note_kfet/static/css/custom.css             |  55 ++++++++++++++++++++
 note_kfet/static/img/background-texture.png | Bin 0 -> 2417 bytes
 note_kfet/templates/base.html               |  43 ++-------------
 3 files changed, 60 insertions(+), 38 deletions(-)
 create mode 100644 note_kfet/static/css/custom.css
 create mode 100644 note_kfet/static/img/background-texture.png

diff --git a/note_kfet/static/css/custom.css b/note_kfet/static/css/custom.css
new file mode 100644
index 00000000..5ff37bcf
--- /dev/null
+++ b/note_kfet/static/css/custom.css
@@ -0,0 +1,55 @@
+.validate:hover {
+    cursor: pointer;
+    text-decoration: underline;
+}
+
+/* Opaque tooltip with white background */
+.tooltip.show {
+   opacity: 1;
+}
+.tooltip-inner {
+    background-color: #fff;
+    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
+    border: 1px solid rgba(0,0,0,.250);
+    color: #000;
+    margin: 0 .5rem .25rem .5rem;
+    padding: 0;
+}
+.bs-tooltip-bottom .arrow::before {
+    border-bottom-color: rgba(0,0,0,.250);
+}
+
+/* Limit fluid container to a max size */
+.container-fluid {
+    max-width: 1600px;
+}
+
+/* Apply Bootstrap table-responsive to all Django tables */
+.table-container {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+}
+
+/* Smaller language selector */
+select.language {
+    padding: 0;
+    background: transparent;
+    border: none;
+    height: calc(1.5em + .5rem);
+    color: #6c757d;
+}
+
+/* Last BDE colors */
+.bg-primary {
+    background-color: rgb(0, 119, 139) !important;
+}
+html {
+    scrollbar-color: rgba(121, 121, 123, 1) rgba(35, 35, 39, 1);
+
+}
+body {
+    background-color: rgba(64, 64, 64, 1);
+    background-image: url(../img/background-texture.png);
+}
diff --git a/note_kfet/static/img/background-texture.png b/note_kfet/static/img/background-texture.png
new file mode 100644
index 0000000000000000000000000000000000000000..12bae83a910277a30f57e8e30a5a4ed2f17e2c37
GIT binary patch
literal 2417
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
bsU0OKTR}!XS_=98cSX!DQA`?)J(K?hW{@*G

literal 0
HcmV?d00001

diff --git a/note_kfet/templates/base.html b/note_kfet/templates/base.html
index 52c48b1b..aaef3794 100644
--- a/note_kfet/templates/base.html
+++ b/note_kfet/templates/base.html
@@ -29,6 +29,7 @@ SPDX-License-Identifier: GPL-3.0-or-later
           crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/v4-shims.css">
+    <link rel="stylesheet" href="{% static "css/custom.css" %}">
 
     {# JQuery, Bootstrap and Turbolinks JavaScript #}
     <script src="https://code.jquery.com/jquery-3.4.1.min.js"
@@ -42,52 +43,18 @@ SPDX-License-Identifier: GPL-3.0-or-later
             crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/turbolinks/5.2.0/turbolinks.js"
             crossorigin="anonymous"></script>
-    <script src="/static/js/base.js"></script>
+    <script src="{% static "js/base.js" %}"></script>
 
     {# Si un formulaire requiert des données supplémentaires (notamment JS), les données sont chargées #}
     {% if form.media %}
         {{ form.media }}
     {% endif %}
 
-    <style>
-        .validate:hover {
-            cursor: pointer;
-            text-decoration: underline;
-        }
-        .tooltip.show {
-           opacity: 1; /* opaque tooltip */
-        }
-        .tooltip-inner {
-            background-color: #fff;
-            box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
-            border: 1px solid rgba(0,0,0,.250);
-            color: #000;
-            margin: 0 .5rem .25rem .5rem;
-            padding: 0;
-        }
-        .bs-tooltip-bottom .arrow::before {
-            border-bottom-color: rgba(0,0,0,.250);
-        }
-
-        /* Limit fluid container to a max size */
-        .container-fluid {
-            max-width: 1600px;
-        }
-
-        /* Apply Bootstrap table-responsive to all Django tables */
-        .table-container {
-            display: block;
-            width: 100%;
-            overflow-x: auto;
-            -webkit-overflow-scrolling: touch;
-        }
-    </style>
-
     {% block extracss %}{% endblock %}
 </head>
 <body class="d-flex w-100 h-100 flex-column">
 <main class="mb-auto">
-    <nav class="navbar navbar-expand-md navbar-light bg-light fixed-navbar shadow-sm">
+    <nav class="navbar navbar-expand-md navbar-dark bg-primary fixed-navbar shadow-sm">
         <a class="navbar-brand" href="/">{{ request.site.name }}</a>
         <button class="navbar-toggler" type="button" data-toggle="collapse"
                 data-target="#navbarNavDropdown"
@@ -199,7 +166,7 @@ SPDX-License-Identifier: GPL-3.0-or-later
         {% endblock content %}
     </div>
 </main>
-<footer class="bg-light mt-auto py-2">
+<footer class="bg-dark text-white mt-auto py-2">
     <div class="container-fluid">
         <div class="row">
             <div class="col-sm">
@@ -212,7 +179,7 @@ SPDX-License-Identifier: GPL-3.0-or-later
                     </span>
                     {% csrf_token %}
                     <select title="language" name="language"
-                            class="custom-select custom-select-sm"
+                            class="form-control form-control-sm language"
                             onchange="this.form.submit()">
                         {% get_current_language as LANGUAGE_CODE %}
                         {% get_available_languages as LANGUAGES %}