Add TailwindCSS

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/assets/tailwind.css

@@ -0,0 +1,5 @@
+@tailwind base;
+
+@tailwind components;
+
+@tailwind utilities;

js/src/main.ts

@@ -13,6 +13,7 @@ import filters from "./filters";
 import { i18n } from "./utils/i18n";
 import apolloProvider from "./vue-apollo";
 import "./registerServiceWorker";
+import "./assets/tailwind.css";
 
 Vue.config.productionTip = false;
 

js/src/variables.scss

@@ -139,3 +139,15 @@ $subtitle-sup-size: 15px;
 $breadcrumb-item-color: $primary;
 $checkbox-background-color: #fff;
 $title-color: $violet-3;
+
+:root {
+  --color-primary: 30 125 151;
+  --color-secondary: 255 213 153;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-primary: 30 125 151;
+    --color-secondary: 255 213 153;
+  }
+}