From ef240ccf1d467689aaba3103ef2516e65d76206e Mon Sep 17 00:00:00 2001
From: Joxit <joxit972@gmail.com>
Date: Wed, 18 Jan 2023 21:22:18 +0100
Subject: [PATCH] feat: add support to THEME* options

---
 bin/90-docker-registry-ui.sh |  4 ++++
 dist/index.html              | 11 +++++++++++
 rollup/import-svg.js         |  9 ++++-----
 src/index.html               | 22 ++++++++++++++++++++++
 4 files changed, 41 insertions(+), 5 deletions(-)

diff --git a/bin/90-docker-registry-ui.sh b/bin/90-docker-registry-ui.sh
index 0f91206..155aff8 100755
--- a/bin/90-docker-registry-ui.sh
+++ b/bin/90-docker-registry-ui.sh
@@ -12,6 +12,10 @@ sed -i "s~\${SHOW_CATALOG_NB_TAGS}~${SHOW_CATALOG_NB_TAGS}~" index.html
 sed -i "s~\${HISTORY_CUSTOM_LABELS}~${HISTORY_CUSTOM_LABELS}~" index.html
 sed -i "s~\${USE_CONTROL_CACHE_HEADER}~${USE_CONTROL_CACHE_HEADER}~" index.html
 
+grep -o 'THEME[A-Z_]*' index.html | while read e; do
+  sed -i "s~\${$e}~$(printenv $e)~" index.html
+done
+
 if [ -z "${DELETE_IMAGES}" ] || [ "${DELETE_IMAGES}" = false ] ; then
   sed -i "s/\${DELETE_IMAGES}/false/" index.html
 else
diff --git a/dist/index.html b/dist/index.html
index 5632c9c..7c43c2f 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -26,4 +26,15 @@
       show-catalog-nb-tags="${SHOW_CATALOG_NB_TAGS}"
       history-custom-labels="${HISTORY_CUSTOM_LABELS}"
       use-control-cache-header="${USE_CONTROL_CACHE_HEADER}"
+      theme="${THEME}"
+      theme-primary-text="${THEME_PRIMARY_TEXT}"
+      theme-neutral-text="${THEME_NEUTRAL_TEXT}"
+      theme-background="${THEME_BACKGROUND}"
+      theme-hover-background="${THEME_HOVER_BACKGROUND}"
+      theme-accent-text="${THEME_ACCENT_TEXT}"
+      theme-header-text="${THEME_HEADER_TEXT}"
+      theme-header-background="${THEME_HEADER_BACKGROUND}"
+      theme-footer-text="${THEME_FOOTER_TEXT}"
+      theme-footer-neutra-text="${THEME_FOOTER_NEUTRAL_TEXT}"
+      theme-footer-background="${THEME_FOOTER_BACKGROUND}"
     ></docker-registry-ui><script src="docker-registry-ui.js"></script></body></html>
\ No newline at end of file
diff --git a/rollup/import-svg.js b/rollup/import-svg.js
index 91832fc..4ffd947 100644
--- a/rollup/import-svg.js
+++ b/rollup/import-svg.js
@@ -1,10 +1,10 @@
-import {extname} from 'path';
+import { extname } from 'path';
 
-const injectNode = (svg) => (`
+const injectNode = (svg) => `
 export default function() {
   return (new DOMParser().parseFromString(${svg}, 'image/svg+xml'));
 };
-`);
+`;
 
 /**
  * @param options
@@ -13,7 +13,6 @@ export default function() {
  * @param options.stringify - if true returns String, otherwise returns DOM Node
  */
 export default function () {
-
   return {
     name: 'import-svg',
     transform: (code, id) => {
@@ -26,4 +25,4 @@ export default function () {
       };
     },
   };
-};
\ No newline at end of file
+}
diff --git a/src/index.html b/src/index.html
index 69ddeb7..7d2fb6f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -47,6 +47,17 @@
       show-catalog-nb-tags="${SHOW_CATALOG_NB_TAGS}"
       history-custom-labels="${HISTORY_CUSTOM_LABELS}"
       use-control-cache-header="${USE_CONTROL_CACHE_HEADER}"
+      theme="${THEME}"
+      theme-primary-text="${THEME_PRIMARY_TEXT}"
+      theme-neutral-text="${THEME_NEUTRAL_TEXT}"
+      theme-background="${THEME_BACKGROUND}"
+      theme-hover-background="${THEME_HOVER_BACKGROUND}"
+      theme-accent-text="${THEME_ACCENT_TEXT}"
+      theme-header-text="${THEME_HEADER_TEXT}"
+      theme-header-background="${THEME_HEADER_BACKGROUND}"
+      theme-footer-text="${THEME_FOOTER_TEXT}"
+      theme-footer-neutra-text="${THEME_FOOTER_NEUTRAL_TEXT}"
+      theme-footer-background="${THEME_FOOTER_BACKGROUND}"
     >
     </docker-registry-ui>
     <!-- endbuild -->
@@ -62,6 +73,17 @@
       show-catalog-nb-tags="true"
       history-custom-labels="first_custom_labels,second_custom_labels"
       use-control-cache-header="false"
+      theme="auto"
+      theme-primary-text=""
+      theme-neutral-text=""
+      theme-background=""
+      theme-hover-background=""
+      theme-accent-text=""
+      theme-header-text=""
+      theme-header-background=""
+      theme-footer-text=""
+      theme-footer-neutra-text=""
+      theme-footer-background=""
     >
     </docker-registry-ui>
     <!-- endbuild -->