Updated

.config/homer/config.yml

@@ -0,0 +1,106 @@
+---
+title: "Dashboard"
+subtitle: "Docker Containers Menu"
+# documentTitle: "Welcome" # Customize the browser tab text
+#logo: "assets/logo.png"
+# Alternatively a fa icon can be provided:
+# icon: "fas fa-skull-crossbones"
+
+header: false # Set to false to hide the header
+# Optional: Different hotkey for search, defaults to "/"
+# hotkey:
+#   search: "Shift"
+#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.
+foother: false
+
+columns: "auto" # "auto" or number (must be a factor of 12: 1, 2, 3, 4, 6, 12)
+connectivityCheck: true # whether you want to display a message when the apps are not accessible anymore (VPN disconnected for example).
+                        # You should set it to true when using an authentication proxy, it also reloads the page when a redirection is detected when checking connectivity.
+
+# Set the default layout and color scheme
+defaults:
+  layout: columns # Either 'columns', or 'list'
+  colorTheme: auto # One of 'auto', 'light', or 'dark'
+
+# Optional theming
+theme: default # 'default' or one of the themes available in 'src/assets/themes'.
+
+# Optional custom stylesheet
+# Will load custom CSS files. Especially useful for custom icon sets.
+# stylesheet:
+#   - "assets/custom.css"
+
+# Here is the exhaustive list of customization parameters
+# However all value are optional and will fallback to default if not set.
+# if you want to change only some of the colors, feel free to remove all unused key.
+colors:
+  light:
+    highlight-primary: "#644dea"
+    highlight-secondary: "#4285f4"
+    highlight-hover: "#5a95f5"
+    background: "#f5f5f5"
+    card-background: "#ffffff"
+    text: "#363636"
+    text-header: "#424242"
+    text-title: "#303030"
+    text-subtitle: "#424242"
+    card-shadow: rgba(0, 0, 0, 0.1)
+    link: "#3273dc"
+    link-hover: "#363636"
+    background-image: "/assets/your/light/bg.png" # prefix with your sub subpath if any (ex: /homer/assets/...)
+  dark:
+    highlight-primary: "#3367d6"
+    highlight-secondary: "#4285f4"
+    highlight-hover: "#5a95f5"
+    background: "#131313"
+    card-background: "#2b2b2b"
+    text: "#eaeaea"
+    text-header: "#ffffff"
+    text-title: "#fafafa"
+    text-subtitle: "#f5f5f5"
+    card-shadow: rgba(0, 0, 0, 0.4)
+    link: "#3273dc"
+    link-hover: "#ffdd57"
+    background-image: "/images/darkgb.png" # prefix with your sub subpath if any (ex: /homer/assets/...)
+
+# Optional navbar
+# links: [] # Allows for navbar (dark mode, layout, and search) without any links
+
+# Services
+# First level array represents a group.
+# Leave only a "items" key if not using group (group name, icon & tagstyle are optional, section separation will not be displayed).
+services:
+  - name: "Application"
+    icon: "fas fa-code-branch"
+    # A path to an image can also be provided. Note that icon take precedence if both icon and logo are set.
+    # logo: "path/to/logo"
+    # class: "highlight-purple" # Optional css class to add on the service group. 
+    items:
+      - name: "Awesome app"
+        logo: "assets/tools/sample.png"
+        # Alternatively a fa icon can be provided:
+        # icon: "fab fa-jenkins"
+        subtitle: "Bookmark example"
+        tag: "app"
+        keywords: "self hosted reddit" # optional keyword used for searching purpose
+        url: "https://www.reddit.com/r/selfhosted/"
+        target: "_blank" # optional html tag target attribute
+      - name: "Another one"
+        logo: "assets/tools/sample2.png"
+        subtitle: "Another application"
+        tag: "app"
+        # Optional tagstyle
+        tagstyle: "is-success"
+        url: "#"
+  - name: "Other group"
+    icon: "fas fa-heartbeat"
+    items:
+      - name: "Pi-hole"
+        logo: "assets/tools/sample.png"
+        # subtitle: "Network-wide Ad Blocking" # optional, if no subtitle is defined, PiHole statistics will be shown
+        tag: "other"
+        url: "http://192.168.0.151/admin"
+        type: "PiHole" # optional, loads a specific component that provides extra features. MUST MATCH a file name (without file extension) available in `src/components/services`
+        target: "_blank" # optional html a tag target attribute
+        # class: "green" # optional custom CSS class for card, useful with custom stylesheet
+        # background: red # optional color for card to set color directly without custom stylesheet

.config/lite-xl/session.lua

@@ -1 +1 @@
-return {recents={[1]="/home/patrick/Downloads",[2]="/run/media/patrick/PATRICK/Fonts/Montserrat/woff2",[3]="/run/media/patrick/PATRICK",[4]="/home/patrick",[5]="/home/patrick/Nextcloud"}, window={[1]=930,[2]=1009,[3]=0,[4]=0,["n"]=4}, window_mode="maximized", previous_find={[1]="host",[2]="tray",[3]="runCommand",[4]="encrypt",[5]="sass",[6]="_ownername"}, previous_replace={}}
+return {recents={[1]="/home/patrick/Downloads",[2]="/run/media/patrick/PATRICK/Fonts/Montserrat/woff2",[3]="/run/media/patrick/PATRICK",[4]="/home/patrick",[5]="/home/patrick/Nextcloud"}, window={[1]=930,[2]=972,[3]=0,[4]=0,["n"]=4}, window_mode="maximized", previous_find={[7]="sass",[1]="JVB_COLIBRI_PORT",[2]="8080",[3]="host",[4]="tray",[5]="runCommand",[6]="encrypt",[8]="_ownername"}, previous_replace={}}

.config/waybar/config.jsonc

@@ -12,6 +12,7 @@
     "tray",
     "cpu",
     "memory",
+    "custom/gpu-usage",
     "pulseaudio",
     "custom/notification",
     "clock",
@@ -97,6 +98,13 @@
     "tooltip-format": "Network: {essid}\nSignal strength: {signaldBm}dBm ({signalStrength}%)\nFrequency: {frequency}MHz\nInterface: {ifname}",
     //"on-click": "nmtui"
   },
+  "custom/gpu-usage": {
+    "exec": "nvidia-smi --query-gpu=utilization.gpu --format=csv,noheader,nounits",
+    "format": "{}% {icon}",
+    "format-icons": "󰾲",
+    "on-click": "nvidia-settings", 
+    "interval": 1,
+  },
   "pulseaudio": {
     "tooltip": false,
     //"scroll-step": 1,

.config/waybar/style.css

@@ -58,6 +58,7 @@ window#waybar.hidden {
 #cpu,
 #memory,
 #network,
+#custom-gpu-usage,
 #pulseaudio,
 #custom-media,
 #tray,
@@ -125,6 +126,14 @@ tooltip label {
     color: rgba(245, 60, 60, 0.8);
 }
 
+#custom-gpu-usage {
+    /* background: #2980b9; */
+    padding: 0.5rem 2rem;
+    background: transparent;
+    border: 2px solid rgba(159, 234, 21, 0.2);
+    padding: 0.5rem 1rem;
+}
+
 #pulseaudio {
     /* background: #f1c40f; */
     padding: 0.5rem 2rem;