add hyprland config
Adds hyprland, hyprpaper, ironbar config
This commit is contained in:
parent
5fabdedefc
commit
a830b625a5
GPG key ID:
9EBD8439AFBAB750
7 changed files with 595 additions and 5 deletions
87
hyprland/.config/ironbar/config.corn
Normal file
87
hyprland/.config/ironbar/config.corn
Normal file
|
|
@ -0,0 +1,87 @@
|
|||
let {
|
||||
$workspaces = {
|
||||
type = "workspaces"
|
||||
}
|
||||
|
||||
$launcher = {
|
||||
type = "launcher"
|
||||
favorites = ["dolphin" "io.github.zen_browser.zen" "in.cinny.Cinny"]
|
||||
}
|
||||
|
||||
$notifications = {
|
||||
type = "notifications"
|
||||
show_count = true
|
||||
icons.closed_none = ""
|
||||
icons.closed_some = ""
|
||||
icons.closed_dnd = ""
|
||||
icons.open_none = ""
|
||||
icons.open_some = ""
|
||||
icons.open_dnd = ""
|
||||
}
|
||||
|
||||
$tray = {
|
||||
type = "tray"
|
||||
direction = "left_to_right"
|
||||
icon_size = 20
|
||||
}
|
||||
|
||||
$clock = {
|
||||
type = "clock"
|
||||
format = "%H:%M"
|
||||
}
|
||||
|
||||
$volume = {
|
||||
type = "volume"
|
||||
format = "{icon} {percentage}%"
|
||||
max_volume = 100
|
||||
icons.volume_high = ""
|
||||
icons.volume_medium = ""
|
||||
icons.volume_low = ""
|
||||
icons.muted = ""
|
||||
}
|
||||
|
||||
$button = { type = "button" name="power-button" label = "<span font-size='20pt'></span>" on_click = "popup:toggle" }
|
||||
|
||||
$popup = {
|
||||
type = "box"
|
||||
orientation = "horizontal"
|
||||
widgets = [
|
||||
{
|
||||
type = "box"
|
||||
widgets = [
|
||||
{ type = "button" class="power-button" label = "<span font-size='20pt'></span>" on_click = "!loginctl poweroff" }
|
||||
{ type = "button" class="power-button" label = "<span font-size='20pt'></span>" on_click = "!loginctl reboot" }
|
||||
{ type = "button" class="power-button" label = "<span font-size='20pt'></span>" on_clock = "!loginctl suspend" }
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
$power_menu = {
|
||||
type = "custom"
|
||||
class = "power-menu"
|
||||
|
||||
bar = [ $button ]
|
||||
popup = [ $popup ]
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
in {
|
||||
monitors.DP-1.anchor_to_edges = true
|
||||
monitors.DP-1.position = "top"
|
||||
monitors.DP-1.margin.left = 20
|
||||
monitors.DP-1.margin.right = 20
|
||||
monitors.DP-1.margin.top = 5
|
||||
monitors.DP-1.margin.bottom = -10
|
||||
monitors.DP-1.start = [ $power_menu $workspaces ]
|
||||
monitors.DP-1.center = [ $launcher ]
|
||||
monitors.DP-1.end = [ $tray $volume $clock $notifications ]
|
||||
|
||||
monitors.DP-2.margin.top = -15
|
||||
monitors.DP-2.margin.bottom = 5
|
||||
monitors.DP-2.anchor_to_edges = false
|
||||
monitors.DP-2.center = [ $clock ]
|
||||
monitors.DP-2.exclusive_zone = false
|
||||
}
|
||||
|
||||
26
hyprland/.config/ironbar/mocha.css
Normal file
26
hyprland/.config/ironbar/mocha.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
@define-color rosewater #f5e0dc;
|
||||
@define-color flamingo #f2cdcd;
|
||||
@define-color pink #f5c2e7;
|
||||
@define-color mauve #cba6f7;
|
||||
@define-color red #f38ba8;
|
||||
@define-color maroon #eba0ac;
|
||||
@define-color peach #fab387;
|
||||
@define-color yellow #f9e2af;
|
||||
@define-color green #a6e3a1;
|
||||
@define-color teal #94e2d5;
|
||||
@define-color sky #89dceb;
|
||||
@define-color sapphire #74c7ec;
|
||||
@define-color blue #89b4fa;
|
||||
@define-color lavender #b4befe;
|
||||
@define-color text #cdd6f4;
|
||||
@define-color subtext1 #bac2de;
|
||||
@define-color subtext0 #a6adc8;
|
||||
@define-color overlay2 #9399b2;
|
||||
@define-color overlay1 #7f849c;
|
||||
@define-color overlay0 #6c7086;
|
||||
@define-color surface2 #585b70;
|
||||
@define-color surface1 #45475a;
|
||||
@define-color surface0 #313244;
|
||||
@define-color base #1e1e2e;
|
||||
@define-color mantle #181825;
|
||||
@define-color crust #11111b;
|
||||
205
hyprland/.config/ironbar/style.css
Normal file
205
hyprland/.config/ironbar/style.css
Normal file
|
|
@ -0,0 +1,205 @@
|
|||
@import "mocha.css";
|
||||
|
||||
/* -- general configuration -- */
|
||||
|
||||
* {
|
||||
font-family: "Hack Nerd Font Mono";
|
||||
font-size: 16px;
|
||||
border: none;
|
||||
border-radius: 18px;
|
||||
}
|
||||
|
||||
.background {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#bar {
|
||||
border-top: 1px solid @surface0;
|
||||
}
|
||||
|
||||
box,
|
||||
menubar,
|
||||
button {
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
box,
|
||||
menubar {
|
||||
background-color: @base;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: @surface0;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
button,
|
||||
label {
|
||||
color: @text;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: @surface2;
|
||||
}
|
||||
|
||||
.popup {
|
||||
padding: 1em;
|
||||
border: 1px solid @surface0;
|
||||
}
|
||||
|
||||
/* -- workspaces configuration */
|
||||
|
||||
.workspaces {
|
||||
background-color: @surface0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.workspaces .item {
|
||||
background-color: @surface0;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.workspaces .item:not(:first-child) {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.workspaces .item.focused {
|
||||
background-color: @surface1;
|
||||
}
|
||||
|
||||
.workspaces .item:hover {
|
||||
background-color: @surface2;
|
||||
}
|
||||
|
||||
/* -- launcher configuration -- */
|
||||
|
||||
.launcher {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.launcher .item {
|
||||
background-color: @base;
|
||||
padding: 0 5px;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.launcher .item:not(:first-child) {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.launcher :hover {
|
||||
background-color: @surface2;
|
||||
}
|
||||
|
||||
.launcher .open {
|
||||
background-color: @surface1;
|
||||
}
|
||||
|
||||
.launcher .focused {
|
||||
background-color: @surface2;
|
||||
}
|
||||
|
||||
.launcher .urgent {
|
||||
background-color: @red;
|
||||
}
|
||||
|
||||
.popup-launcher {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.popup-launcher .popup-item:not(:first-child) {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* -- clock configuration -- */
|
||||
|
||||
.clock {
|
||||
font-weight: bold;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.popup-clock .calendar-clock {
|
||||
color: @text;
|
||||
font-size: 2.5em;
|
||||
margin-bottom: 5px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
background-color: @surface0;
|
||||
}
|
||||
|
||||
.popup-clock .calendar {
|
||||
background-color: @surface0;
|
||||
color: @text;
|
||||
}
|
||||
|
||||
.popup-clock .calendar .header {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.popup-clock .calendar:selected {
|
||||
background-color: @rosewater;
|
||||
color: @base;
|
||||
}
|
||||
|
||||
/* -- notifications configuration -- */
|
||||
|
||||
.notifications {
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.notifications .count {
|
||||
font-size: 0.6rem;
|
||||
background-color: @text;
|
||||
color: @crust;
|
||||
border-radius: 100%;
|
||||
margin-right: 3px;
|
||||
margin-top: 3px;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* -- tray configuration -- */
|
||||
.tray {
|
||||
background-color: @base;
|
||||
}
|
||||
|
||||
.tray .item:hover {
|
||||
background-color: @surface2;
|
||||
}
|
||||
|
||||
.tray .item:not(:first-child) {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
/* -- volume configuration -- */
|
||||
.volume {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.popup-volume .device-box .device-selector {
|
||||
background-color: @surface0;
|
||||
}
|
||||
|
||||
.popup-volume .device-box .slider {
|
||||
background-color: @surface0;
|
||||
}
|
||||
|
||||
/* -- powermenu configuration -- */
|
||||
|
||||
.power-menu #power-button {
|
||||
padding: 0 13px;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.popup-power-menu {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.popup-power-menu .power-button {
|
||||
padding: 0 10px;
|
||||
border-radius: 100%;
|
||||
margin: 0 2.5px;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue