From a5c8dbf2607d08cf7d7110dc74cd1fd4137afcd3 Mon Sep 17 00:00:00 2001
From: Kay0u <pierre@kayou.io>
Date: Tue, 9 Feb 2021 01:56:57 +0100
Subject: [PATCH] Moar scss

---
 themes/yunohost-docs/css/custom.css           | 36 +++++++++++++++++--
 themes/yunohost-docs/css/custom.css.map       |  2 +-
 themes/yunohost-docs/scss/custom.scss         | 14 ++++++--
 themes/yunohost-docs/scss/theme/_global.scss  |  7 ++--
 .../scss/theme/dark/_custom.scss              | 19 +++++++++-
 .../scss/theme/light/_custom.scss             | 21 +++++++++--
 6 files changed, 86 insertions(+), 13 deletions(-)

diff --git a/themes/yunohost-docs/css/custom.css b/themes/yunohost-docs/css/custom.css
index 7143bc4e..1c03ebda 100644
--- a/themes/yunohost-docs/css/custom.css
+++ b/themes/yunohost-docs/css/custom.css
@@ -1,3 +1,11 @@
+/*########################################
+##########################################
+    PLEASE DO NOT MODIFY THE CSS FILE    
+IF YOU WANT TO CHANGE THE CSS, DO IT IN THE
+      SCSS FILES AND "COMPILE" THEM:      
+       https://sass-lang.com/guide
+##########################################
+########################################*/
 body.light-mode {
   background-color: white;
   /*=================================================
@@ -6,6 +14,9 @@ body.light-mode {
   /*=================================================
    App catalog
   =================================================*/
+  /*=================================================
+   Hardware image
+  =================================================*/
   /*=================================================
    Other
   =================================================*/
@@ -127,6 +138,16 @@ body.light-mode #app-cards-list .label {
   color: #111418;
   background-color: #f0f0f0;
 }
+body.light-mode .hardware-image .card {
+  background-color: white !important;
+}
+body.light-mode .hardware-image .btn-group .btn.btn-info {
+  color: #f0f0f0;
+}
+body.light-mode .hardware-image .btn-group .btn.btn-info:hover,
+body.light-mode .btn.btn-info:focus {
+  color: #f0f0f0;
+}
 body.light-mode table tbody tr:nth-of-type(2n + 1) {
   background: #f0f0f0;
 }
@@ -176,6 +197,9 @@ body.dark-mode {
   /*=================================================
    App catalog
   =================================================*/
+  /*=================================================
+   Hardware image
+  =================================================*/
   /*=================================================
    Other
   =================================================*/
@@ -297,6 +321,16 @@ body.dark-mode #app-cards-list .label {
   color: #a5a9af;
   background-color: #111418;
 }
+body.dark-mode .hardware-image .card {
+  background-color: #171b21 !important;
+}
+body.dark-mode .hardware-image .btn-group .btn.btn-info {
+  color: #111418;
+}
+body.dark-mode .hardware-image .btn-group .btn.btn-info:hover,
+body.dark-mode .btn.btn-info:focus {
+  color: #111418;
+}
 body.dark-mode table tbody tr:nth-of-type(2n + 1) {
   background: #111418;
 }
@@ -567,14 +601,12 @@ body .off-canvas .learn-sidebar .learn-nav ul li ul li.active > a {
 }
 
 .hardware-image .btn-group .btn.btn-info {
-  color: #ffffff;
   background-color: #5bc0de;
   border-color: #46b8da;
 }
 
 .hardware-image .btn-group .btn.btn-info:hover,
 .btn.btn-info:focus {
-  color: #ffffff;
   background-color: #39b3d7;
   border-color: #269abc;
 }
diff --git a/themes/yunohost-docs/css/custom.css.map b/themes/yunohost-docs/css/custom.css.map
index 67bc4448..636339e1 100644
--- a/themes/yunohost-docs/css/custom.css.map
+++ b/themes/yunohost-docs/css/custom.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/theme/light/_custom.scss","../scss/theme/dark/_custom.scss","../scss/theme/_global.scss"],"names":[],"mappings":"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ACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EAIA;EACA;;AAGF;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAMA;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA","file":"custom.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/custom.scss","../scss/theme/light/_custom.scss","../scss/theme/dark/_custom.scss","../scss/theme/_global.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;EAeE,kBAbmB;AA4FnB;AAAA;AAAA;AAwDA;AAAA;AAAA;AAkCA;AAAA;AAAA;AAiBA;AAAA;AAAA;;AAxLA;EACE,kBAXa;;AAcf;AAAA;EAEE,kBArBiB;EAsBjB,OArBW;;AAyBb;EACE,OArBW;;AAyBb;AAAA;AAAA;EAGE;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE,OA3CkB;;AA+CpB;EACE,OAhDkB;EAiDlB,kBA7CW;;AA+Cb;EACE,OArDW;EAsDX,kBAlDa;;AAsDf;EACE,cAvDa;EAwDb,YAzDc;;AA4DhB;EACE,YAjEiB;;AAoEnB;AAAA;AAAA;EAGE,OApEkB;;AAuEpB;AAAA;AAAA;EAGE,YAzEc;;AA4EhB;EACE,qBA5Ea;;AAgFf;AAAA;AAAA;AAAA;EAIE,YArFc;;AA4FhB;EACE;;AAIF;EACE,kBAjGa;;AAqGf;AAAA;EAEE,OA3GW;;AA+Gb;AAAA;EAGE,OAhHkB;EAiHlB;;AAIF;AAAA;EAEE,OApHW;;AAwHb;AAAA;EAEE,OA/HW;;AAmIb;EACE,OApIW;;AAwIb;AAAA;AAAA;AAAA;EAIE,OA5IW;;AA+Ib;EACE,OA9IkB;;AAqJpB;EACE,kBArJc;;AAwJhB;EACE,OA3JkB;;AA8JpB;EACE;;AAGF;EACE,OAnKkB;EAoKlB,kBAjKa;;AAoKf;EACE;;AAGF;EACE,cAzKa;;AA4Kf;EACE,OA/KkB;EAgLlB,kBA/Kc;;AAsLhB;EACE;;AAGF;EACE,OA3Lc;;AA8LhB;AAAA;EAEE,OAhMc;;AAwMhB;EACE,YAzMc;;AA4MhB;AAAA;EAEE,qBA7Ma;;AAiNf;EACE,kBA/MO;;AAiNT;EACE,kBAjNQ;;AAmNV;EACE,kBAnNQ;;AAsNV;EACE,kBA7Nc;;AAgOhB;AAAA;EAEE,OApOkB;;;AAwOtB;AAAA;AAAA;AAGA;AACE;;AACA;EACE;EACA;;;ACnPJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EAeE,kBAbmB;AA6FnB;AAAA;AAAA;AAwDA;AAAA;AAAA;AAkCA;AAAA;AAAA;AAiBA;AAAA;AAAA;;AAzLA;EACE,kBAXa;;AAef;AAAA;EAEE,kBAtBiB;EAuBjB,OAtBW;;AA0Bb;EACE,OAtBW;;AA0Bb;AAAA;AAAA;EAGE;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE,OA5CkB;;AAgDpB;EACE,OAjDkB;EAkDlB,kBA9CW;;AAgDb;EACE,OAtDW;EAuDX,kBAnDa;;AAuDf;EACE,cAxDa;EAyDb,YA1Dc;;AA6DhB;EACE,YAlEiB;;AAqEnB;AAAA;AAAA;EAGE,OArEkB;;AAwEpB;AAAA;AAAA;EAGE,YA1Ec;;AA6EhB;EACE,qBA7Ea;;AAiFf;AAAA;AAAA;AAAA;EAIE,YAtFc;;AA6FhB;EACE;;AAIF;EACE,kBAlGa;;AAsGf;AAAA;EAEE,OA5GW;;AAgHb;AAAA;EAGE,OAjHkB;EAkHlB;;AAIF;AAAA;EAEE,OArHW;;AAyHb;AAAA;EAEE,OAhIW;;AAoIb;EACE,OArIW;;AAyIb;AAAA;AAAA;AAAA;EAIE,OA7IW;;AAgJb;EACE,OA/IkB;;AAsJpB;EACE,kBAtJc;;AAyJhB;EACE,OA5JkB;;AA+JpB;EACE;;AAGF;EACE,OApKkB;EAqKlB,kBAlKa;;AAqKf;EACE;;AAGF;EACE,cA1Ka;;AA6Kf;EACE,OAhLkB;EAiLlB,kBAhLc;;AAuLhB;EACE;;AAGF;EACE,OA5Lc;;AA+LhB;AAAA;EAEE,OAjMc;;AAyMhB;EACE,YA1Mc;;AA6MhB;AAAA;EAEE,qBA9Ma;;AAkNf;EACE,kBAhNO;;AAkNT;EACE,kBAlNQ;;AAoNV;EACE,kBApNQ;;AAuNV;EACE,kBA9Nc;;AAiOhB;AAAA;EAEE,OArOkB;;;AAyOtB;AAAA;AAAA;AAKE;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AC5RJ;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EAIA;EACA;;AAGF;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAMA;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA","file":"custom.css"}
\ No newline at end of file
diff --git a/themes/yunohost-docs/scss/custom.scss b/themes/yunohost-docs/scss/custom.scss
index d97a909c..565166eb 100644
--- a/themes/yunohost-docs/scss/custom.scss
+++ b/themes/yunohost-docs/scss/custom.scss
@@ -1,3 +1,11 @@
-@import 'theme/light/custom';
-@import 'theme/dark/custom';
-@import 'theme/global';
+/*########################################
+##########################################
+    PLEASE DO NOT MODIFY THE CSS FILE    
+IF YOU WANT TO CHANGE THE CSS, DO IT IN THE
+      SCSS FILES AND "COMPILE" THEM:      
+       https://sass-lang.com/guide
+##########################################
+########################################*/
+@import "theme/light/custom";
+@import "theme/dark/custom";
+@import "theme/global";
diff --git a/themes/yunohost-docs/scss/theme/_global.scss b/themes/yunohost-docs/scss/theme/_global.scss
index 55c13438..7c4e8a29 100644
--- a/themes/yunohost-docs/scss/theme/_global.scss
+++ b/themes/yunohost-docs/scss/theme/_global.scss
@@ -211,14 +211,14 @@ body .off-canvas .learn-sidebar .learn-nav ul li ul li.active > a {
 .hardware-image .card img {
   margin: 1rem auto;
 }
+
 .hardware-image .btn-group .btn.btn-info {
-  color: #ffffff;
   background-color: #5bc0de;
   border-color: #46b8da;
 }
+
 .hardware-image .btn-group .btn.btn-info:hover,
 .btn.btn-info:focus {
-  color: #ffffff;
   background-color: #39b3d7;
   border-color: #269abc;
 }
@@ -255,7 +255,6 @@ body .off-canvas .learn-sidebar .learn-nav ul li ul li.active > a {
   height: 230px;
 }
 
-
 #app-cards-list .app-title {
   margin-top: 0;
   margin-bottom: 5px;
@@ -294,4 +293,4 @@ body .off-canvas .learn-sidebar .learn-nav ul li ul li.active > a {
   border: 0;
   font-size: 0.9em;
   line-height: 1.58;
-}
\ No newline at end of file
+}
diff --git a/themes/yunohost-docs/scss/theme/dark/_custom.scss b/themes/yunohost-docs/scss/theme/dark/_custom.scss
index a52dd3c9..68712ea9 100644
--- a/themes/yunohost-docs/scss/theme/dark/_custom.scss
+++ b/themes/yunohost-docs/scss/theme/dark/_custom.scss
@@ -176,7 +176,7 @@ body.dark-mode {
     color: $text-accent-color;
     background-color: $border-color;
   }
-  
+
   #app-cards-list .app-buttons > .btn:first-child {
     border-right: 0.1rem solid $card-bg-color;
   }
@@ -190,6 +190,23 @@ body.dark-mode {
     background-color: $card-bg-color;
   }
 
+  /*=================================================
+   Hardware image
+  =================================================*/
+
+  .hardware-image .card {
+    background-color: $background-color !important;
+  }
+
+  .hardware-image .btn-group .btn.btn-info {
+    color: $card-bg-color;
+  }
+
+  .hardware-image .btn-group .btn.btn-info:hover,
+  .btn.btn-info:focus {
+    color: $card-bg-color;
+  }
+
   /*=================================================
    Other
   =================================================*/
diff --git a/themes/yunohost-docs/scss/theme/light/_custom.scss b/themes/yunohost-docs/scss/theme/light/_custom.scss
index ee0c8605..d4f1ba8f 100644
--- a/themes/yunohost-docs/scss/theme/light/_custom.scss
+++ b/themes/yunohost-docs/scss/theme/light/_custom.scss
@@ -14,7 +14,7 @@ body.light-mode {
 
   // Main body background
   background-color: $background-color;
-  
+
   ::selection {
     background-color: $border-color;
   }
@@ -168,7 +168,7 @@ body.light-mode {
     color: $text-accent-color;
     background-color: $border-color;
   }
-  
+
   #app-cards-list .app-buttons > .btn:first-child {
     border-right: 0.1rem solid $card-bg-color;
   }
@@ -182,6 +182,23 @@ body.light-mode {
     background-color: $card-bg-color;
   }
 
+  /*=================================================
+   Hardware image
+  =================================================*/
+
+  .hardware-image .card {
+    background-color: $background-color !important;
+  }
+
+  .hardware-image .btn-group .btn.btn-info {
+    color: $card-bg-color;
+  }
+
+  .hardware-image .btn-group .btn.btn-info:hover,
+  .btn.btn-info:focus {
+    color: $card-bg-color;
+  }
+
   /*=================================================
    Other
   =================================================*/