css

homer/configmaps.yaml

@@ -1,5 +1,31 @@
 apiVersion: v1
 kind: ConfigMap
+metadata:
+  name: homer-custom-css
+  namespace: homer
+data:
+  custom.css: |
+    body {
+      background-repeat: repeat !important;
+      background-size: 300px !important;
+      background-attachment: fixed;
+    }
+
+    /* subtle grid overlay (much nicer look) */
+    body::before {
+      content: "";
+      position: fixed;
+      inset: 0;
+      background-image: url("../assets/logos/grid.jpg");
+      background-repeat: repeat;
+      background-size: 300px;
+      opacity: 0.08;
+      pointer-events: none;
+      z-index: 0;
+    }
+---
+apiVersion: v1
+kind: ConfigMap
 metadata:
   name: config
   namespace: homer
@@ -19,36 +45,50 @@ data:
     #footer: '<p>Created with <span class="has-text-danger">❤️</span> with <a href="https://bulma.io/">bulma</a>, <a href="https://vuejs.org/">vuejs</a> & <a href="https://fontawesome.com/">font awesome</a> // Fork me on <a href="https://github.com/bastienwirtz/homer"><i class="fab fa-github-alt"></i></a></p>' # set false if you want to hide it.
     footer: false
 
+    stylesheet:
+    - "assets/custom.css"
+
     # Optional theme customization
     theme: default
     colors:
-      light:
-        highlight-primary: "#00ff9c"
-        highlight-secondary: "#00b8ff"
-        highlight-hover: "#66ffc2"
-        background: "#050505"
-        card-background: "#0f0f0f"
-        text: "#00ff9c"
-        text-header: "#00ff9c"
-        text-title: "#00ff9c"
-        text-subtitle: "#66ffc2"
-        card-shadow: rgba(0, 255, 156, 0.20)
+      dark:
+        highlight-primary: "#00ff9c"      # main accent (green)
+        highlight-secondary: "#00b8ff"    # secondary accent (blue)
+        highlight-hover: "#33ffc2"
+
+        background: "#05070a"             # slightly blue-black (not pure black)
+        card-background: "#0b0f14"
+
+        text: "#c8fce8"                   # soft greenish white
+        text-header: "#00ff9c"            # strong accent
+        text-title: "#e6fff6"
+        text-subtitle: "#7bd9c0"
+
+        card-shadow: rgba(0, 255, 156, 0.15)
+
         link: "#00b8ff"
         link-hover: "#00ff9c"
+
         background-image: "../assets/logos/grid.jpg"
-      dark:
-        highlight-primary: "#00ff9c"
-        highlight-secondary: "#ff003c"
-        highlight-hover: "#ff3366"
-        background: "#000000"
-        card-background: "#0a0a0a"
-        text: "#00ff9c"
-        text-header: "#ff003c"
-        text-title: "#00ff9c"
-        text-subtitle: "#66ffc2"
-        card-shadow: rgba(255, 0, 60, 0.30)
-        link: "#00b8ff"
-        link-hover: "#ff003c"
+
+      light:
+        highlight-primary: "#00c27a"
+        highlight-secondary: "#007acc"
+        highlight-hover: "#33d699"
+
+        background: "#f5f7fa"
+        card-background: "#ffffff"
+
+        text: "#1a1a1a"
+        text-header: "#007acc"
+        text-title: "#111"
+        text-subtitle: "#555"
+
+        card-shadow: rgba(0, 0, 0, 0.1)
+
+        link: "#007acc"
+        link-hover: "#00c27a"
+
         background-image: "../assets/logos/grid.jpg"
 
     # Optional message

homer/homer.yaml

@@ -68,7 +68,14 @@ spec:
           subPath: config.yml
         - mountPath: /www/assets
           name: assets
+        - name: custom-css
+          mountPath: /www/assets/custom.css
+          subPath: custom.css
+
       volumes:
+      - name: custom-css
+        configMap:
+          name: homer-custom-css
       - name: assets-config
         configMap:
           name: config