Help wanted regarding screenshots

[guzz46]

In the wiki page it mentions help regarding screenshots, so here is mine, nothing fancy, just a vertical panel with a text based system monitor

  SetLayer "top"
}

layout {

  button {
    action = "bash /home/user/.config/rofi/launchers/type-3/launcher.sh"                       
    value = "nix-snowflake-white"                          
    css = "* { min-height: 0.85cm; min-width: 0.85cm; border: 0px solid @theme_fg_color }"
  }

  button {
    action = "brave"                        
    value = "brave"                         
    css = "* { min-height: 0.85cm; min-width: 0.85cm; border: 0px solid @theme_fg_color }"
  }

  button {
    action = "thunar"                       
    value = "thunar"                         
    css = "* { min-height: 0.85cm; min-width: 0.85cm; border: 0px solid @theme_fg_color }"
  }

  button {
    action = "xfce4-terminal"                        
    value = "xfce4-terminal"                           
    css = "* { min-height: 0.85cm; min-width: 0.85cm; border: 0px solid @theme_fg_color }"
  }

  button {
    action = "mousepad"                        
    value = "mousepad"                          
    css = "* { min-height: 0.85cm; min-width: 0.85cm; border: 0px solid @theme_fg_color }"
  }

  button {
    action = "galculator"                      
    value = "galculator"                          
    css = "* { min-height: 0.85cm; min-width: 0.85cm; border: 0px solid @theme_fg_color }"
  }

  button {
    action = "/home/user/.config/scripts/steam"                       
    value = "/home/user/.icons/breeze-extra-gnome/apps/48/steam.png"                           
    css = "* { min-height: 0.85cm; min-width: 0.85cm; border: 0px solid @theme_fg_color }"
  }

  button {
    action = "kodi"                        
    value = "/home/user/.icons/breeze-extra-gnome/apps/48/kodi.png"                          
    css = "* { min-height: 0.85cm; min-width: 0.85cm; border: 0px solid @theme_fg_color }"
  }

  taskbar {
    css = "* { -GtkWidget-vexpand: false; border: }" 
    sort = false
    icons = true     
    labels = false   
    cols = 1        
    action[3] = Close
  }

  label {
    css = "* { -GtkWidget-vexpand: true; }"
  }

  include("cpu.widget")
  include("cpu-temp.widget")
  include("cpu-usage.widget")
  include("spacer.widget")
  include("gpu.widget")
  include("gpu-temp.widget")
  include("gpu-usage.widget")
  include("spacer.widget")
  include("ram.widget")
  include("ram-usage.widget")
  include("ram-percentage.widget")
  include("network-module.widget")
  include("alsa.widget")
 
  tray

  include("clock.widget")
}

#CSS
window {
  -GtkWidget-direction: left;
}

button#taskbar_normal *, button#taskbar_active *, button#taskbar_normal:hover * {
  min-height: 1cm; 
  padding: 0.1mm;
  -GtkWidget-hexpand: true;
}


button#taskbar_normal , button#taskbar_active , button#taskbar_normal:hover {
 min-height: 0.75cm;
  padding: 0.5mm;
  background-image: none;
  border-radius: 0;
  border-image: none;
}

button#taskbar_active {
  background-color: #bbddff;
}

button#taskbar_normal:hover {
  background-color: #cccccc;
}

grid#layout {
  padding: 0.25mm;
  -GtkWidget-direction: bottom;
}

tooltip label {
  font: 0.4cm Sans;
  color: #ffffff;
}

[01micko]

I tend to use a grid for the bottom section of my vertical config.

The missing icon in the grid is the battery widget which is in hidden state because right now I'm on a desktop pc.

config

Set Term="lxterminal"

function("SfwbarInit") {
  SetBarId "panel"
  SetLayer "panel", "bottom"
}

include("winops.widget")

layout {

  include("vmenu.widget")
  include("vdesktop_mv.widget")

  # add a taskbar
  taskbar {
    css = "* { -GtkWidget-vexpand: false;  border-radius: 0px; }"
    sort = false
    icons = true     # display icons
    labels = false   # don't display titles
    cols = 1
    action[3] = Menu "winops"
  }

  label {
    css = "* { -GtkWidget-vexpand: true; }"
  }

  grid {
    style = "frame"
      css = "* { background-color: rgba(255, 255, 255, 0.1);  border-radius: 0px 0px 10px 10px; }"
      grid {
        css = "* { -GtkWidget-direction: bottom; }"
        include("xclock.widget")
      }
      grid {
        css = "* { -GtkWidget-hexpand: true; }"
        include("vbattery-svg.widget")
	include("vtemp.widget")
      }
      grid {
        css = "* { -GtkWidget-hexpand: true; margin-bottom: 6px; }"
        include("vnetwork-module.widget")
        include("vpulse-module.widget")
      }
  }
}

#CSS
window { -GtkWidget-direction: left;
  border-radius: 10px;
  background-color: alpha(white, 0.1);
}

#hidden {
  -GtkWidget-visible: false;
}

button#taskbar_normal *, button#taskbar_active *, button#taskbar_normal:hover * {
  padding: 4px;
  min-height: 32px;
  /*background-color: rgba(255, 255, 255, 0.1);*/
  -GtkWidget-hexpand: true;
}

button#taskbar_normal label, button#taskbar_active label, button#taskbar_normal:hover label {
  min-height: 32px;
  padding: 0px;
}

button#taskbar_normal , button#taskbar_active , button#taskbar_normal:hover {
  min-height: 32px;
  padding: 1px;
  background-image: none;
  border-radius: 0;
  border-image: none;
}

button#taskbar_active {
  background-color: rgba(255, 255, 255, 0.6);
}

button#taskbar_normal:hover {
  background-color: rgba(255, 255, 255, 0.4); 
}

button#menu {
  background-color: transparent;
  border: 1px solid transparent;
  padding: 3px;
  border-radius: 0px;
}

button#launch {
  background-color: transparent;
  border: 1px solid transparent;
  padding: 3px;
  border-radius: 0px;
}

grid#frame {
  -GtkWidget-direction: bottom;
  -GtkWidget-vexpand: false;
  min-height: 1.5cm;
}

grid#layout {
  padding: 1px;
  -GtkWidget-direction: bottom;
}

label {
  font: 12px sans;
  color: @theme_fg_color;
}

tooltip label {
  background-color: @theme_bg_color;
  color: @theme_fg_color;
}

Oldish configs as I'm on debian 13 (testing/trixie - sfwbar-1_beta13). My slackware-current install has almost latest git.

[guzz46]

Interesting, I might play around with that tomorrow and see if I like it, thanks

[LBCrion]

Nice! Good to see people putting all the functionality to a good use :)

[CoataocCreate]

[01micko]

@CoataocCreate are you some kind of AI bot?

[knm100]

This is mine.

sfwbar.config.txt