Çözüldü Arch Linux Waybar için simge paketi nasıl yüklenir?

Cruslan dedi:

PNG SVG Çevirme (Online ve ücretsiz) — Convertio Bu tarz dosya dönüştürebilen sayfa mevcut. Asıl sorunuz bu değilse config ile beraber daha detaylıca açıklayın.

Genişletmek için tıkla...

29 dedi:

Genel olarak Nerd fontlari dedigimiz font entegre edilmis fontlari kullanarak emoji erisimi sagliyoruz. Indirmeleri de fontlarin varliginin sorgusunu da buradan yapabilirsin Nerd Fonts - Iconic font aggregator, glyphs/icons collection, & fonts patcher

Ornegin bu benim barim
Eki Görüntüle 116101
config

Kod:

// -*- mode: json -*-

{
    "layer": "top",
    "position": "top",

    "modules-left": [
        "sway/workspaces"
    ],
    "modules-center": [

        "clock#1",

        "clock#2",

        "clock#3"
    ],
    "modules-right": [

        "pulseaudio",

        "memory",

        "cpu",

        "battery",

        "disk",

        "tray"
    ],

    "custom/left-arrow-dark": {
        "format": "",
        "tooltip": false
    },
    "custom/left-arrow-light": {
        "format": "",
        "tooltip": false
    },
    "custom/right-arrow-dark": {
        "format": "",
        "tooltip": false
    },
    "custom/right-arrow-light": {
        "format": "",
        "tooltip": false
    },

    "sway/workspaces": {
        "disable-scroll": true,
        "format": "{name}"
    },

    "clock#1": {
        "format": "{:%a}",
        "tooltip": false
    },
    "clock#2": {
        "format": "{:%H:%M}",
        "tooltip": false
    },
    "clock#3": {
        "format": "{:%m-%d}",
        "tooltip": false
    },

    "pulseaudio": {
        "format": "{icon}  {volume:2}%",
        "format-bluetooth": "{icon}  {volume}%",
        "format-muted": "MUTE",
        "format-icons": {
            "headphones": "",
            "default": [
                "",
                ""
            ]
        },
        "scroll-step": 5,
        "on-click": "pamixer -t",
        "on-click-right": "pavucontrol"
    },
    "memory": {
        "interval": 5,
        "format": "Mem {}%"
    },
    "cpu": {
        "interval": 5,
        "format": "CPU {usage:2}%"
    },
    "battery": {
        "states": {
            "good": 95,
            "warning": 30,
            "critical": 15
        },
        "format": "{icon}  {capacity}%",
        "format-icons": [
            "",
            "",
            "",
            "",
            ""
        ]
    },
    "disk": {
        "interval": 5,
        "format": "Disk {percentage_used:2}%",
        "path": "/"
    },
    "tray": {
        "icon-size": 20
    }
}

style.css

Kod:

* {
    font-size: 10px;
    font-family: Fira Sans;
}

window#waybar {
    background: #292b2e;
    color: #fdf6e3;
}

#custom-right-arrow-dark,
#custom-left-arrow-dark {
    color: #1a1a1a;
}
#custom-right-arrow-light,
#custom-left-arrow-light {
    color: #292b2e;
    background: #1a1a1a;
}

#workspaces,
#clock.1,
#clock.2,
#clock.3,
#pulseaudio,
#memory,
#cpu,
#battery,
#disk,
#tray {
    background: #1a1a1a;
}

#workspaces button {
    padding: 0 1px;
    color: #fdf6e3;
}
#workspaces button.focused {
    color: #268bd2;
}
#workspaces button:hover {
    box-shadow: inherit;
    text-shadow: inherit;
}
#workspaces button:hover {
    background: #1a1a1a;
    border: #1a1a1a;
    padding: 0 3px;
}

#pulseaudio {
    color: #268bd2;
}
#memory {
    color: #2aa198;
}
#cpu {
    color: #6c71c4;
}
#battery {
    color: #859900;
}
#disk {
    color: #b58900;
}

#clock,
#pulseaudio,
#memory,
#cpu,
#battery,
#disk {
    padding: 0 10px;
}

Genişletmek için tıkla...