Issue 382 custom css (#229)

* changed alert type from clrAlert to AlertComponent * added custom.css part to readme * added custom.css file and references --------- Co-authored-by: Tanja Ulmen <[email protected]>
hobbyfarm · Nov 19, 2024 · 48dccd6 · 48dccd6
1 parent 2c29a0a
commit 48dccd6
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -24,6 +24,10 @@ A file placed at `/config.json` will allow for runtime configuration (e.g., cust
 
 To customize logos, mount them into the container at `/usr/share/nginx/html/assets`, and then reference the file names in `config.json`. Alternatively, you can reference files from an object store.
 
+A file placed at `/custom.css` will allow for runtime style customization. To do so, mount a file called `custom.css` into the container at `/usr/share/nginx/html/`.
+
+
+
 ## Contributing
 
 ### Local Development

diff --git a/angular.json b/angular.json
@@ -28,7 +28,8 @@
             "assets": [
               "src/favicon.ico",
               "src/config.json",
-              "src/assets"
+              "src/assets",
+              "src/custom.css"
             ],
             "styles": [
               "node_modules/xterm/css/xterm.css",

diff --git a/src/custom.css b/src/custom.css
diff --git a/src/index.html b/src/index.html
@@ -8,6 +8,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" id="favicon" type="image/x-icon" href="/assets/default/favicon.png">
   <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"> 
+  <link rel="stylesheet" href="custom.css" />
 </head>
 <body>
   <app-root></app-root>