fix: custom css import

core/frontend/index.js

@@ -1,6 +1,3 @@
-import './styles.css';
-import './print.css';
-
 import './records.js';
 import './search.js';
 import './graph.js';

core/models/template.js

@@ -23,6 +23,8 @@ import frontendScript from 'front';
 import GraphEngine from 'graphology';
 import { extent } from 'd3';
 import extractCitations from '../utils/citeExtractor.js';
+import cssPrint from '../frontend/print.css';
+import cssStyles from '../frontend/styles.css';
 
 /**
  * @typedef ThumbnailIntegration
@@ -332,6 +334,7 @@ class Template {
       translation: langPck.i,
       lang: lang,
 
+      css: cssStyles + cssPrint,
       customCss: this.custom_css,
 
       views: views || [],

e2e/csv/config.yml

@@ -30,7 +30,7 @@ record_types:
 link_types:
   undefined:
     stroke: simple
-    color: "#e1e1e1"
+    color: "#a0a0a0"
   proche:
     stroke: double
     color: "#000"

e2e/csv/styles.css

@@ -1,3 +1,29 @@
+:root {
+  --background-gray: rgb(31, 31, 31);
+}
+
+body {
+  background-color: black;
+}
+
+aside.menu {
+  color: white;
+}
+
+main.record-container {
+  background-color: rgb(31, 31, 31);
+  color: white;
+}
+
 .title {
-  color: gray !important;
+  color: gray;
+  text-transform: unset;
+}
+
+.graph-controls {
+  color: white;
+}
+
+.graph-wrapper text {
+  fill: white;
 }

package.json

@@ -54,12 +54,10 @@
     "@babel/preset-env": "^7.24.5",
     "babel-jest": "^29.7.0",
     "babel-loader": "^9.1.3",
-    "css-loader": "^7.1.2",
     "cypress": "^13.9.0",
     "jest": "^29.7.0",
     "mocha": "^10.4.0",
     "prettier": "3.2.5",
-    "style-loader": "^4.0.0",
     "webpack": "^5.94.0",
     "webpack-cli": "^5.1.4",
     "yaml-loader": "^0.8.1"

static/template/cosmoscope.njk

@@ -23,6 +23,7 @@
             --highlight: {{ graph.config.graph_highlight_color }};
         }
 
+        {{ css | safe }}
         {% if customCss %}
         {{ customCss | safe }}
         {% endif %}

webpack-back.config.mjs

@@ -29,6 +29,10 @@ export default {
         test: /\.svg$/,
         type: 'asset/source',
       },
+      {
+        test: /\.css$/,
+        type: 'asset/source',
+      },
       {
         test: /\.png$/,
         type: 'asset/inline',

webpack-front.config.mjs

@@ -21,10 +21,6 @@ export default {
           },
         },
       },
-      {
-        test: /\.css$/i,
-        use: ['style-loader', 'css-loader'],
-      },
     ],
   },
   resolve: {