wifi

hmm

local.yml

@@ -45,6 +45,8 @@
             creates: "/usr/bin/{{ aur_helper }}"
 
     - name: "PAKKER :: Installer alle nødvendige pakker fra Pacman og AUR"
+      become: true
+      become_user: "{{ username }}"
       kewlfft.aur.aur:
         use: "{{ aur_helper }}"
         name:
@@ -68,13 +70,41 @@
           - slurp # Område-vælger til screenshots
           - network-manager-applet # Til Waybar tray
           - hyprpaper
-          - sddm
+          - sddm # Login Manager
           - firefox # Browser
           - flatpak
-          - vscodium
+          - vscodium # Udviklings editor
+          - papyrus-icon-theme # Ikon tema til wofi drun
+          - thunar
+          - thunar-volman
+          - tumbler
+          - gvfs
+          - ranger
+          - less
+          - sof-firmware
+          - pavucontrol
+          - pipewire
+          - pipewire-pulse
+          - pipewire-audio
+          - pipewire-alsa
+          - wireplumber
+          - alsa-utils
+          - neofetch
+          - swayidle
+          - swaylock-effects
+          - iptables-nft
+          - sddm-sugar-candy-git
           - ufw # Firewall
         state: present
 
+    - name: "KEYBINDING SCRIPT :: Opret .local/bin mappe til brugerdefinerede scripts"
+      become: true
+      become_user: "{{ username }}"
+      ansible.builtin.file:
+        path: "/home/{{ username }}/.local/bin"
+        state: directory
+        mode: '0755'
+
     - name: "BRUGER :: Opret konfigurationsmapper"
       become: true
       become_user: "{{ username }}"
@@ -103,6 +133,20 @@
         - { src: 'waybar-style.css.j2', dest: 'waybar/style.css' }
         - { src: 'wofi-config.j2', dest: 'wofi/config' }
         - { src: 'wofi-style.css.j2', dest: 'wofi/style.css' }
+        - { src: 'wofi-config-network.j2', dest: 'wofi/config-network'}
+
+    - name: "SCRIPTS :: Kopier og gør brugerdefinerede scripts eksekverbare"
+      become: true
+      become_user: "{{ username }}"
+      ansible.builtin.template:
+        src: "templates/{{ item.src }}"
+        dest: "/home/{{ username }}/.local/bin/{{ item.dest }}"
+        mode: '0755'  # Bemærk: '755' gør dem eksekverbare
+      loop:
+        - { src: 'hypr-keys.sh.j2', dest: 'hypr-keys.sh' }
+        - { src: 'launch-wofi.sh.j2', dest: 'launch_wofi.sh' }
+        - { src: 'launch-wifi-menu.sh.j2', dest: 'launch-wifi-menu.sh' }
+        - { src: 'lock-screen.sh.j2', dest: 'lock-screen.sh' }
 
     - name: "TEMA :: Installer Atlantis skrifttype"
       ansible.builtin.copy:
@@ -111,7 +155,7 @@
         mode: '0644'
       notify: Opdater font cache
 
-    - name: "BRUGER :: Opret Pictures-mappen"  # <--- TILFØJ DENNE NYE OPGAVE
+    - name: "BRUGER :: Opret Pictures-mappen"
       become: true
       become_user: "{{ username }}"
       ansible.builtin.file:
@@ -127,6 +171,20 @@
         dest: "/home/{{ username }}/Pictures/atlantis-wallpaper.jpg"
         mode: '0644'
 
+    - name: "BRUGER :: Opret sddm bagrundsmappe"
+      become: true
+      ansible.builtin.file:
+        path: "/usr/share/backgrounds"
+        state: directory
+        mode: '0755'
+
+    - name: "TEMA :: Kopier Atlantis baggrundsbillede"
+      become: true
+      ansible.builtin.copy:
+        src: "files/wallpapers/atlantis_spaceship.jpg"
+        dest: "/usr/share/backgrounds/atlantis-spaceship.jpg"
+        mode: '0644'
+
     - name: "TEMA :: Kopier hyprpaper konfiguration"
       become: true
       become_user: "{{ username }}"
@@ -135,29 +193,12 @@
         dest: "/home/{{ username }}/.config/hypr/hyprpaper.conf"
         mode: '0644'
 
-    - name: "KEYBINDING SCRIPT :: Opret .local/bin mappe til brugerdefinerede scripts"
+    - name: "STYLING :: Konfigurer SDDM tema via template (endelig, ren version)"
       become: true
-      become_user: "{{ username }}"
-      ansible.builtin.file:
-        path: "/home/{{ username }}/.local/bin"
-        state: directory
-        mode: '0755'
-
-    - name: "KEYBINDING SCRIPT :: Opret keybinding cheat sheet script fra template"
-      become: true
-      become_user: "{{ username }}"
       ansible.builtin.template:
-        src: "templates/hypr-keys.sh.j2"
-        dest: "/home/{{ username }}/.local/bin/hypr-keys.sh"
-        mode: '0755'
-
-    - name: "LAUNCHER SCRIPT :: Opret wofi launcher script"
-      become: true
-      become_user: "{{ username }}"
-      ansible.builtin.template:
-        src: "templates/launch-wofi.sh.j2"
-        dest: "/home/{{ username }}/.local/bin/launch_wofi.sh"
-        mode: '0755'
+        src: templates/sddm-theme.conf.j2
+        dest: /usr/share/sddm/themes/sugar-candy/theme.conf
+        mode: '0644'
 
     - name: "FIREWALL :: Konfigurer UFW's standardpolitikker"
       tags: firewall
@@ -179,13 +220,31 @@
 #        name: OpenSSH # Bruger UFW's applikationsprofil for SSH
 #      tags: firewall
 
-    - name: "FLATPAK :: Installer LibreOffice"  # <--- TILFØJ DENNE NYE OPGAVE
+    - name: "FLATPAK :: Installer LibreOffice"
       become: true
       become_user: "{{ username }}"
       community.general.flatpak:
         name: org.libreoffice.LibreOffice
         state: present
 
+    - name: "SHELL :: Tilføj neofetch til .bashrc for automatisk kørsel"
+      become: true
+      become_user: "{{ username }}"
+      ansible.builtin.blockinfile:
+        path: "/home/{{ username }}/.bashrc"
+        create: true # Opretter .bashrc filen, hvis den ikke findes
+        owner: "{{ username }}"
+        group: "{{ username }}"
+        mode: '0644'
+        marker: "# {mark} ANSIBLE MANAGED BLOCK - NEOFETCH"
+        block: |
+          # Kør neofetch når en ny interaktiv terminal åbnes
+          # Tjekker om 'neofetch' kommandoen eksisterer først
+          if command -v neofetch &> /dev/null
+          then
+              neofetch
+          fi
+
     - name: "FIREWALL :: Aktiver og start UFW service"
       community.general.ufw:
         state: enabled # Dette aktiverer firewallen, så den starter ved boot
@@ -202,8 +261,50 @@
         name: sddm.service
         enabled: true
 
+    - name: "STYLING :: Opret GTK3 konfigurationsmappe"
+      become: true
+      become_user: "{{ username }}"
+      ansible.builtin.file:
+        path: "/home/{{ username }}/.config/gtk-3.0"
+        state: directory
+        mode: '0755'
+
+    - name: "STYLING :: Sæt GTK-tema og Papirus som standard ikon-tema"
+      become: true
+      become_user: "{{ username }}"
+      ansible.builtin.copy:
+        dest: "/home/{{ username }}/.config/gtk-3.0/settings.ini"
+        content: |
+          [Settings]
+          gtk-theme-name=Adwaita
+          gtk-icon-theme-name=Papirus
+          gtk-font-name=JetBrains Mono 11
+          gtk-cursor-theme-name=Adwaita
+        mode: '0644'
+  
+    - name: "HARDWARE :: Detekter om systemet har Intel GPU"
+      become: true
+      ansible.builtin.shell: "lspci | grep -i 'VGA' | grep -i 'Intel'"
+      register: intel_gpu_check
+      changed_when: false
+      failed_when: false
+
+    - name: "KERNEL :: Deaktiver Panel Self Refresh (kun for Intel GPU)"
+      become: true
+      ansible.builtin.lineinfile:
+        path: /etc/default/grub
+        regexp: '^(GRUB_CMDLINE_LINUX_DEFAULT="((?!i915\.enable_psr=0).)*?)"$'
+        line: '\1 i915.enable_psr=0"'
+        backrefs: yes
+      notify: Regenerate GRUB config
+      when: intel_gpu_check.rc == 0
+
   # Handlers køres kun hvis en opgave 'notifierer' dem
   handlers:
+    - name: Regenerate GRUB config
+      become: true
+      ansible.builtin.command: grub-mkconfig -o /boot/grub/grub.cfg
+
     - name: Opdater font cache
       ansible.builtin.command: fc-cache -fv
       become: true

templates/hyprland.conf.j2

@@ -7,6 +7,13 @@
 exec-once = waybar &
 exec-once = hyprpaper &
 exec-once = /usr/lib/polkit-kde-authentication-agent-1 &
+exec-once = swayidle -w \
+            timeout 300 '/home/{{ username }}/.local/bin/lock-screen.sh' \
+            timeout 330 'hyprctl dispatch dpms off' \
+            resume 'hyprctl dispatch dpms on' \
+            timeout 600 'systemctl suspend' \
+            before-sleep '/home/{{ username }}/.local/bin/lock-screen.sh'
+exec-once = nm-applet --indicator &
 
 
 # ---------------------------------------------------
@@ -98,15 +105,32 @@ $mainMod = SUPER # "Super" er Windows-tasten
 bind = $mainMod, RETURN, exec, kitty
 bind = $mainMod, Q, killactive, 
 bind = $mainMod, M, exit, # Afslut Hyprland session
-bind = $mainMod, D, exec, wofi --show drun --conf /home/{{ username }}/.config/wofi/config --style /home/{{ username }}/.config/wofi/style.css
+# bind = $mainMod, D, exec, wofi --show drun --conf /home/{{ username }}/.config/wofi/config --style /home/{{ username }}/.config/wofi/style.css
+bind = $mainMod, D, exec, wofi --show drun
 bind = $mainMod, F, fullscreen,
 
+# Genveje til filbrowsere
+bind = $mainMod, E, exec, thunar
+bind = $mainMod, T, exec, kitty -e ranger
+
 # Flyt fokus med piletaster
 bind = $mainMod, left, movefocus, l
 bind = $mainMod, right, movefocus, r
 bind = $mainMod, up, movefocus, u
 bind = $mainMod, down, movefocus, d
 
+# Flyt det aktive vindue
+bind = $mainMod SHIFT, left,  movewindow, l
+bind = $mainMod SHIFT, right, movewindow, r
+bind = $mainMod SHIFT, up,    movewindow, u
+bind = $mainMod SHIFT, down,  movewindow, d
+
+# Ændr størrelse på det aktive vindue
+bind = $mainMod CTRL, left,  resizeactive, -20 0
+bind = $mainMod CTRL, right, resizeactive, 20 0
+bind = $mainMod CTRL, up,    resizeactive, 0 -20
+bind = $mainMod CTRL, down,  resizeactive, 0 20
+
 # Skift til workspace 1-9
 bind = $mainMod, 1, workspace, 1
 bind = $mainMod, 2, workspace, 2
@@ -131,3 +155,18 @@ bind = $mainMod SHIFT, 9, movetoworkspace, 9
 
 # Vis keybindings i en wofi menu
 bind = $mainMod, SPACE, exec, ~/.local/bin/hypr-keys.sh
+
+# Volume control
+bind = , XF86AudioRaiseVolume, exec, pactl set-sink-volume @DEFAULT_SINK@ +5%
+bind = , XF86AudioLowerVolume, exec, pactl set-sink-volume @DEFAULT_SINK@ -5%
+bind = , XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+
+# Screen brightness
+bind = , XF86MonBrightnessUp, exec, brightnessctl set +5%
+bind = , XF86MonBrightnessDown, exec, brightnessctl set 5%-
+
+# Microphone mute
+bind = , XF86AudioMicMute, exec, wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle
+
+# Lock Screen
+bind = $mainMod, L, exec, /home/{{ username }}/.local/bin/lock-screen.sh

templates/kitty.conf.j2

@@ -1,16 +1,67 @@
-# Stargate Atlantis Font og Farver
+# ===== Forbedret Kitty Konfiguration - Stargate Atlantis / Catppuccin =====
+
+# --- Skrifttyper ---
 font_family      JetBrains Mono Nerd Font
+bold_font        auto
+italic_font      auto
+bold_italic_font auto
 font_size 12.0
 
-# Lys tema med blå tekst
-background           #e6f7ff  /* Meget lys blå/hvid */
-foreground           #005f87  /* Mørk, læsbar blå */
-cursor               #00aaff  /* Klar blå cursor */
-selection_background #00aaff
-selection_foreground #ffffff
 
-# Aktivt vindue glow-effekt
-active_border_color #00aaff
+# --- Udseende & Følelse ---
 
-# Juster gennemsigtighed efter smag
+# "Frosted Glass" Effekt: Sæt gennemsigtighed (0.0 til 1.0).
+# Selve blur-effekten styres af den 'blur'-sektion, vi allerede har lavet i hyprland.conf.
 background_opacity 0.85
+
+# Skjul vinduesdekorationer (title bar) for et renere look i et tiling environment
+hide_window_decorations yes
+
+# Tilføj lidt luft omkring teksten for et pænere layout
+window_padding_width 10
+
+
+# --- Cursor ---
+cursor_shape beam
+cursor_beam_thickness 1.5
+
+
+# --- Farvetema: Catppuccin Macchiato ---
+# Dette er et komplet farvetema, der giver farver til 'ls', 'git', etc.
+# Det passer rigtig godt med vores blå/grå Atlantis-tema.
+background #24273a
+foreground #cad3f5
+cursor #f4dbd6
+selection_background #363a4f
+
+# Sorte farver
+color0 #494d64
+color8 #5b6078
+
+# Røde farver
+color1 #ed8796
+color9 #ed8796
+
+# Grønne farver
+color2 #a6da95
+color10 #a6da95
+
+# Gule farver
+color3 #eed49f
+color11 #eed49f
+
+# Blå farver
+color4 #8aadf4
+color12 #8aadf4
+
+# Magenta farver
+color5 #f5bde6
+color13 #f5bde6
+
+# Cyan farver
+color6 #8bd5ca
+color14 #8bd5ca
+
+# Hvide farver
+color7 #b8c0e0
+color15 #a5adce

templates/launch-wifi-menu.sh.j2

@@ -0,0 +1,33 @@
+#!/bin/bash
+
+# Et robust script til at vælge og forbinde til Wi-Fi.
+# Denne version kalder nmcli direkte i et nyt kitty-vindue.
+
+# Viser listen af netværk i vores stylede wofi-menu
+CHOSEN_SSID=$(nmcli -t -f SSID,IN-USE device wifi list --rescan yes | sed '/\*/d' | sed 's/\\:/-/g' | sort -u | wofi \
+    --show dmenu \
+    --conf "$HOME/.config/wofi/config-network" \
+    --style "$HOME/.config/wofi/style.css" \
+    -p "Vælg Wi-Fi Netværk")
+
+# Afslut hvis intet blev valgt (brugeren trykkede Esc)
+if [ -z "$CHOSEN_SSID" ]; then
+    exit 0
+fi
+
+CHOSEN_SSID="${CHOSEN_SSID%?}"
+
+# Tjek om vi allerede er forbundet til det valgte netværk
+if nmcli connection show --active | grep -wq "^${CHOSEN_SSID}"; then
+    exit 0
+fi
+
+# Tjek om der findes en gemt forbindelse med dette navn
+if nmcli connection show | grep -wq "^${CHOSEN_SSID}"; then
+    # Hvis ja, aktiver den i et nyt kitty-vindue
+    kitty --title "Forbinder til ${CHOSEN_SSID}..." nmcli connection up "$CHOSEN_SSID"
+else
+    # Hvis nej, er det et nyt netværk.
+    # Åbn en ny terminal, der kører 'nmcli' med '--ask' flaget for at bede om password.
+    kitty --title "Adgangskode til ${CHOSEN_SSID}" nmcli device wifi connect "$CHOSEN_SSID" --ask
+fi

templates/lock-screen.sh.j2

@@ -0,0 +1,19 @@
+#!/bin/bash
+
+# Script til at starte swaylock med et "Stargate Atlantis" tema
+
+swaylock \
+    --screenshots \
+    --clock \
+    --indicator \
+    --indicator-radius 100 \
+    --indicator-thickness 7 \
+    --effect-blur 7x5 \
+    --effect-vignette 0.5:0.5 \
+    --ring-color 00aaff \
+    --key-hl-color 89b4fa \
+    --line-color 00000000 \
+    --inside-color 00000088 \
+    --separator-color 00000000 \
+    --text-color cdd6f4 \
+    --font "JetBrains Mono Nerd Font"

templates/sddm-theme.conf.j2

@@ -0,0 +1,140 @@
+# templates/sddm-theme.conf.j2
+
+# ===== SDDM Tema Konfiguration - Stargate Atlantis =====
+
+[General]
+
+Background="/usr/share/backgrounds/atlantis-spaceship.jpg"
+## Path relative to the theme root directory. Most standard image file formats are allowed including support for transparency. (e.g. background.jpeg/illustration.GIF/Foto.png/undraw.svgz)
+
+DimBackgroundImage="0.0"
+## Double between 0 and 1 used for the alpha channel of a darkening overlay. Use to darken your background image on the fly.
+
+ScaleImageCropped="true"
+## Whether the image should be cropped when scaled proportionally. Setting this to false will fit the whole image instead, possibly leaving white space. This can be exploited beautifully with illustrations (try it with "undraw.svg" included in the theme).
+
+ScreenWidth="1920"
+ScreenHeight="1080"
+## Adjust to your resolution to help SDDM speed up on calculations
+
+
+
+## [Blur Settings]
+
+FullBlur="false"
+PartialBlur="true"
+## Enable or disable the blur effect; if HaveFormBackground is set to true then PartialBlur will trigger the BackgroundColor of the form element to be partially transparent and blend with the blur.
+
+BlurRadius="100"
+## Set the strength of the blur effect. Anything above 100 is pretty strong and might slow down the rendering time. 0 is like setting false for any blur.
+
+
+
+## [Design Customizations]
+
+HaveFormBackground="false"
+## Have a full opacity background color behind the form that takes slightly more than 1/3 of screen estate;  if PartialBlur is set to true then HaveFormBackground will trigger the BackgroundColor of the form element to be partially transparent and blend with the blur.
+
+FormPosition="left"
+## Position of the form which takes roughly 1/3 of screen estate. Can be left, center or right.
+
+BackgroundImageHAlignment="center"
+## Horizontal position of the background picture relative to its visible area. Applies when ScaleImageCropped is set to false or when HaveFormBackground is set to true and FormPosition is either left or right. Can be left, center or right; defaults to center if none is passed.
+
+BackgroundImageVAlignment="center"
+## As before but for the vertical position of the background picture relative to its visible area.
+
+MainColor="white"
+## Used for all elements when not focused/hovered etc. Usually the best effect is achieved by having this be either white or a very dark grey like #444 (not black for smoother antialias)
+## Colors can be HEX or Qt names (e.g. red/salmon/blanchedalmond). See https://doc.qt.io/qt-5/qml-color.html
+
+AccentColor="#fb884f"
+## Used for elements in focus/hover/pressed. Should be contrasting to the background and the MainColor to achieve the best effect.
+
+BackgroundColor="#444"
+## Used for the user and session selection background as well as for ScreenPadding and FormBackground when either is true. If PartialBlur and FormBackground are both enabled this color will blend with the blur effect.
+
+OverrideLoginButtonTextColor=""
+## The text of the login button may become difficult to read depending on your color choices. Use this option to set it independently for legibility.
+
+InterfaceShadowSize="6"
+## Integer used as multiplier. Size of the shadow behind the user and session selection background. Decrease or increase if it looks bad on your background. Initial render can be slow no values above 5-7.
+
+InterfaceShadowOpacity="0.6"
+## Double between 0 and 1. Alpha channel of the shadow behind the user and session selection background. Decrease or increase if it looks bad on your background.
+
+RoundCorners="20"
+## Integer in pixels. Radius of the input fields and the login button. Empty for square. Can cause bad antialiasing of the fields.
+
+ScreenPadding="0"
+## Integer in pixels. Increase or delete this to have a padding of color BackgroundColor all around your screen. This makes your login greeter appear as if it was a canvas. Cool!
+
+Font="Noto Sans"
+## If you want to choose a custom font it will have to be available to the X root user. See https://wiki.archlinux.org/index.php/fonts#Manual_installation
+
+FontSize=""
+## Only set a fixed value if fonts are way too small for your resolution. Preferrably kept empty.
+
+
+
+## [Interface Behavior]
+
+ForceRightToLeft="false"
+## Revert the layout either because you would like the login to be on the right hand side or SDDM won't respect your language locale for some reason. This will reverse the current position of FormPosition if it is either left or right and in addition position some smaller elements on the right hand side of the form itself (also when FormPosition is set to center).
+
+ForceLastUser="true"
+## Have the last successfully logged in user appear automatically in the username field.
+
+ForcePasswordFocus="true"
+## Give automatic focus to the password field. Together with ForceLastUser this makes for the fastest login experience.
+
+ForceHideCompletePassword="false"
+## If you don't like to see any character at all not even while being entered set this to true.
+
+ForceHideVirtualKeyboardButton="false"
+## Do not show the button for the virtual keyboard at all. This will completely disable functionality for the virtual keyboard even if it is installed and activated in sddm.conf
+
+ForceHideSystemButtons="false"
+## Completely disable and hide any power buttons on the greeter.
+
+AllowEmptyPassword="false"
+## Enable login for users without a password. This is discouraged. Makes the login button always enabled.
+
+AllowBadUsernames="false"
+## Do not change this! Uppercase letters are generally not allowed in usernames. This option is only for systems that differ from this standard! Also shows username as is instead of capitalized.
+
+
+
+## [Locale Settings]
+
+Locale=""
+## The time and date locale should usually be set in your system settings. Only hard set this if something is not working by default or you want a seperate locale setting in your login screen.
+
+HourFormat="HH:mm"
+## Defaults to Locale.ShortFormat - Accepts "long" or a custom string like "hh:mm A". See http://doc.qt.io/qt-5/qml-qtqml-date.html
+
+DateFormat="dddd, d of MMMM"
+## Defaults to Locale.LongFormat - Accepts "short" or a custom string like "dddd, d 'of' MMMM". See http://doc.qt.io/qt-5/qml-qtqml-date.html
+
+
+
+## [Translations]
+
+HeaderText="Welcome!"
+## Header can be empty to not display any greeting at all. Keep it short.
+
+## SDDM may lack proper translation for every element. Suger defaults to SDDM translations. Please help translate SDDM as much as possible for your language: https://github.com/sddm/sddm/wiki/Localization. These are in order as they appear on screen.
+
+TranslatePlaceholderUsername=""
+TranslatePlaceholderPassword=""
+TranslateShowPassword=""
+TranslateLogin=""
+TranslateLoginFailedWarning=""
+TranslateCapslockWarning=""
+TranslateSession=""
+TranslateSuspend=""
+TranslateHibernate=""
+TranslateReboot=""
+TranslateShutdown=""
+TranslateVirtualKeyboardButton=""
+## These don't necessarily need to translate anything. You can enter whatever you want here.

templates/waybar-config.j2

@@ -2,7 +2,7 @@
     // Generelle indstillinger for Waybar
     "layer": "top",
     "position": "top",
-    "height": 30,
+    "height": 40,
     "spacing": 4,
 
     // Moduler placeret til venstre
@@ -50,11 +50,12 @@
 
     "pulseaudio": {
         "format": "{volume}% {icon}",
-        "format-muted": " Muted",
-        "format-icons": {
-            "default": ["", ""]
-        },
-        "on-click": "pavucontrol"
+        "format-muted": "󰖁 Muted",
+        "format-icons": ["", "", ""],
+        "on-click": "pavucontrol",
+        "on-scroll-up": "pactl set-sink-volume @DEFAULT_SINK@ +5%",
+        "on-scroll-down": "pactl set-sink-volume @DEFAULT_SINK@ -5%",
+        "tooltip": false
     },
     
     "network": {
@@ -62,7 +63,7 @@
         "format-ethernet": "{ifname} ",
         "format-disconnected": "󰌙",
         "tooltip-format-wifi": "Signal: {signalStrength}% @ {frequency}MHz",
-        "on-click": "nm-connection-editor"
+        "on-click": "/home/{{ username }}/.local/bin/launch-wifi-menu.sh"
     },
 
     "battery": {

templates/waybar-style.css.j2

@@ -1,31 +1,103 @@
+/* ===== Stargate: Atlantis Waybar Style ===== */
+
 * {
-    font-family: 'JetBrains Mono Nerd Font', FontAwesome;
-    font-size: 16px;
+    /* Fonts - Vi bruger en lidt større og federe skrifttype */
+    font-family: "JetBrains Mono Nerd Font", FontAwesome;
+    font-size: 15px;
+    font-weight: bold;
+    /* Reset */
     border: none;
     border-radius: 0;
 }
 
 window#waybar {
-    /* Semi-transparent hvid/lys baggrund */
-    background: rgba(220, 230, 240, 0.7);
-    /* Klar blå tekst */
-    color: #0088cc;
+    background: rgba(16, 21, 26, 0.8); /* Mørkeblå, semi-transparent glas-effekt */
+    color: #cdd6f4; /* Generel lys tekstfarve */
+    border-bottom: 2px solid rgba(0, 170, 255, 0.6); /* Subtil Atlantis-blå linje i bunden */
 }
 
-/* Aktiv workspace får en stærkere blå farve */
+/* --- Generel Modul Styling --- */
+/* Giver alle moduler en ensartet baggrund, margin og padding */
+#workspaces,
+#clock,
+#pulseaudio,
+#network,
+#battery,
+#tray {
+    background-color: rgba(30, 30, 46, 0.5); /* Lidt lysere semi-transparent baggrund */
+    padding: 2px 12px;
+    margin: 5px 0px; /* Top/bottom margin for at skabe luft */
+    border-radius: 10px;
+    margin-right: 5px;
+}
+
+/* --- Specifik Modul Styling --- */
+
+#workspaces {
+    margin-left: 5px;
+    padding-right: 0px;
+    padding-left: 5px;
+}
+
+#workspaces button {
+    color: #89b4fa; /* Blå farve for inaktive workspaces */
+    padding: 0 5px;
+    background-color: transparent;
+    transition: all 0.3s ease-in-out;
+}
+
+#workspaces button:hover {
+    background-color: rgba(205, 214, 244, 0.1); /* Lys hover-effekt */
+    color: #f5c2e7;
+    border-radius: 8px;
+}
+
+/* Aktiv eller fokuseret workspace */
+#workspaces button.focused,
 #workspaces button.active {
-    color: #00aaff;
-    background: rgba(0, 136, 204, 0.3);
+    color: #1e1e2e; /* Mørk tekst for kontrast */
+    background-color: #89b4fa; /* Klar blå for aktiv workspace */
+    border-radius: 8px;
 }
 
-#pulseaudio, #network, #clock, #battery {
-    padding: 0 10px;
-}
-
-/* Her kan du bruge Lantean-fonten til et specielt ikon! */
-#custom-atlantis-logo {
-    font-family: "Navn-på-din-Lantean-font"; /* Erstat med navnet på fonten */
-    font-size: 22px;
+#clock {
+    padding-left: 15px;
     padding-right: 15px;
-    color: #00aaff;
+}
+
+/* --- Styling for specielle tilstande (gør baren funktionel) --- */
+
+#network.disconnected {
+    background-color: #f38ba8; /* Rødlig farve for disconnected */
+    color: #1e1e2e;
+}
+
+#pulseaudio.muted {
+    color: #f38ba8; /* Rød tekst når lyden er slået fra */
+}
+
+#battery.charging {
+    color: #a6e3a1; /* Grøn for opladning */
+}
+
+#battery.warning {
+    color: #fab387; /* Orange for advarsel */
+}
+
+#battery.critical {
+    background-color: #f38ba8; /* Rødlig baggrund for kritisk */
+    color: #1e1e2e;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+
+/* Blinke-animation for kritisk batteri */
+@keyframes blink {
+    to {
+        background-color: #fab387;
+        color: #1e1e2e;
+    }
 }

templates/wofi-config-network.j2

@@ -0,0 +1,17 @@
+# ===== Wofi Konfiguration KUN til Netværksmenu =====
+
+# Adfærd (vil blive overskrevet af kommandoen, men god at have)
+show=drun
+
+# Positionering: Øverste højre hjørne
+location=top_right
+
+# Justering for at skubbe den ned under Waybar og lidt ind fra kanten
+# Du skal muligvis finjustere disse tal med et par pixels!
+x=-70
+y=45
+
+# Vi genbruger den samme styling, som vi allerede har lavet
+style=style.css
+allow_images=true
+image_size=32

templates/wofi-config.j2

@@ -1,2 +1,11 @@
 show=drun
+
+# Aktiver ikoner
+allow_images=true
+
+# Størrelse og Position
+image_size=40
+
 style=style.css
+allow_images=true
+image_size=32