redesigns waybar and small hyprland adjustments
This commit is contained in:
@@ -0,0 +1,124 @@
|
||||
@define-color backgroundlight #080c08;
|
||||
@define-color backgrounddark #080c08;
|
||||
@define-color workspacesbackground1 #080c08;
|
||||
@define-color workspacesbackground2 #424a42;
|
||||
@define-color bordercolor #124326;
|
||||
@define-color textcolor1 #c0c0c0;
|
||||
@define-color textcolor2 #c0c0c0;
|
||||
@define-color textcolor3 #c0c0c0;
|
||||
@define-color iconcolor #c0c0c0;
|
||||
/*
|
||||
|
||||
{
|
||||
|
||||
!*@define-color *! backgroundlight #080c08;
|
||||
!*@define-color *! backgrounddark #080c08;
|
||||
!*@define-color *! workspacesbackground1 #080c08;
|
||||
!*@define-color *! workspacesbackground2 #424a42;
|
||||
!*@define-color *! bordercolor #124326;
|
||||
!*@define-color *! textcolor1 #c0c0c0;
|
||||
!*@define-color *! textcolor2 #c0c0c0;
|
||||
!*@define-color *! textcolor3 #c0c0c0;
|
||||
!*@define-color *! iconcolor #c0c0c0;
|
||||
|
||||
!*@define-color *! background #080c08;
|
||||
|
||||
!*@define-color *! error #ffb4ab;
|
||||
|
||||
!*@define-color *! error_container #93000a;
|
||||
|
||||
!*@define-color *! inverse_on_surface #2c3134;
|
||||
|
||||
!*@define-color *! inverse_primary #08677f;
|
||||
|
||||
!*@define-color *! inverse_surface #dee3e6;
|
||||
|
||||
!*@define-color *! on_background #dee3e6;
|
||||
|
||||
!*@define-color *! on_error #690005;
|
||||
|
||||
!*@define-color *! on_error_container #ffdad6;
|
||||
|
||||
!*@define-color *! on_primary #003544;
|
||||
|
||||
!*@define-color *! on_primary_container #b8eaff;
|
||||
|
||||
!*@define-color *! on_primary_fixed #001f28;
|
||||
|
||||
!*@define-color *! on_primary_fixed_variant #004d61;
|
||||
|
||||
!*@define-color *! on_secondary #1e333b;
|
||||
|
||||
!*@define-color *! on_secondary_container #cfe6f1;
|
||||
|
||||
!*@define-color *! on_secondary_fixed #071e26;
|
||||
|
||||
!*@define-color *! on_secondary_fixed_variant #344a52;
|
||||
|
||||
!*@define-color *! on_surface #dee3e6;
|
||||
|
||||
!*@define-color *! on_surface_variant #bfc8cc;
|
||||
|
||||
!*@define-color *! on_tertiary #2c2e4d;
|
||||
|
||||
!*@define-color *! on_tertiary_container #e1e0ff;
|
||||
|
||||
!*@define-color *! on_tertiary_fixed #171837;
|
||||
|
||||
!*@define-color *! on_tertiary_fixed_variant #434465;
|
||||
|
||||
!*@define-color *! outline #8a9296;
|
||||
|
||||
!*@define-color *! outline_variant #40484c;
|
||||
|
||||
!*@define-color *! primary #88d1ec;
|
||||
|
||||
!*@define-color *! primary_container #004d61;
|
||||
|
||||
!*@define-color *! primary_fixed #b8eaff;
|
||||
|
||||
!*@define-color *! primary_fixed_dim #88d1ec;
|
||||
|
||||
!*@define-color *! scrim #000000;
|
||||
|
||||
!*@define-color *! secondary #b3cad4;
|
||||
|
||||
!*@define-color *! secondary_container #344a52;
|
||||
|
||||
!*@define-color *! secondary_fixed #cfe6f1;
|
||||
|
||||
!*@define-color *! secondary_fixed_dim #b3cad4;
|
||||
|
||||
!*@define-color *! shadow #000000;
|
||||
|
||||
!*@define-color *! source_color #25738b;
|
||||
|
||||
!*@define-color *! surface #0f1416;
|
||||
|
||||
!*@define-color *! surface_bright #353a3d;
|
||||
|
||||
!*@define-color *! surface_container #1b2023;
|
||||
|
||||
!*@define-color *! surface_container_high #252b2d;
|
||||
|
||||
!*@define-color *! surface_container_highest #303638;
|
||||
|
||||
!*@define-color *! surface_container_low #171c1f;
|
||||
|
||||
!*@define-color *! surface_container_lowest #0a0f11;
|
||||
|
||||
!*@define-color *! surface_dim #0f1416;
|
||||
|
||||
!*@define-color *! surface_tint #88d1ec;
|
||||
|
||||
!*@define-color *! surface_variant #40484c;
|
||||
|
||||
!*@define-color *! tertiary #c3c3eb;
|
||||
|
||||
!*@define-color *! tertiary_container #434465;
|
||||
|
||||
!*@define-color *! tertiary_fixed #e1e0ff;
|
||||
|
||||
!*@define-color *! tertiary_fixed_dim #c3c3eb;
|
||||
}
|
||||
*/
|
||||
@@ -0,0 +1,29 @@
|
||||
@import "colors.css";
|
||||
|
||||
#pulseaudio-slider {
|
||||
margin: 4px 5px;
|
||||
padding: 0 2px;
|
||||
background-color: transparent;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
#pulseaudio-slider trough {
|
||||
min-height: 10px;
|
||||
min-width: 80px;
|
||||
border-radius: 10px;
|
||||
background-color: @workspacesbackground2;
|
||||
}
|
||||
|
||||
#pulseaudio-slider highlight {
|
||||
min-height: 10px;
|
||||
border-radius: 10px;
|
||||
background-color: @iconcolor;
|
||||
}
|
||||
|
||||
#pulseaudio-slider slider {
|
||||
min-height: 12px;
|
||||
min-width: 12px;
|
||||
margin: -2px 0;
|
||||
border-radius: 100%;
|
||||
background-color: @bordercolor;
|
||||
}
|
||||
@@ -0,0 +1,101 @@
|
||||
@import "colors.css";
|
||||
|
||||
/*======= MODULE INDEPENDENT =======*/
|
||||
#distro-group {
|
||||
margin: 4px 5px;
|
||||
background-color: @backgrounddark;
|
||||
border-radius: 20px;
|
||||
color: @bordercolor;
|
||||
}
|
||||
|
||||
#custom-distro {
|
||||
color: @bordercolor;
|
||||
padding: 6px 15px 6px 10px;
|
||||
}
|
||||
|
||||
#custom-terminal {
|
||||
color: #a6e3a1;
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
#custom-files {
|
||||
color: #f9e2af;
|
||||
padding: 0px 10px 0px 8px;
|
||||
}
|
||||
|
||||
#mpris {
|
||||
padding: 0px 10px;
|
||||
margin: 4px 5px;
|
||||
background-color: @backgrounddark;
|
||||
border-radius: 20px;
|
||||
border: 3px solid @bordercolor;
|
||||
}
|
||||
|
||||
#custom-browser {
|
||||
color: #fab387;
|
||||
padding: 0px 15px 0px 10px;
|
||||
}
|
||||
|
||||
#power-profiles-daemon,
|
||||
#idle_inhibitor {
|
||||
margin: 4px 5px;
|
||||
padding: 6px 15px 6px 10px;
|
||||
background-color: @backgrounddark;
|
||||
border-radius: 20px;
|
||||
color: @secondary_fixed_dim;
|
||||
}
|
||||
|
||||
/*======= MODULE CAPSUL =======*/
|
||||
#audio,
|
||||
#connections,
|
||||
#system,
|
||||
#storage {
|
||||
margin: 4px 5px;
|
||||
padding: 6px 6px;
|
||||
background-color: @backgrounddark;
|
||||
border-radius: 20px;
|
||||
color: @secondary_fixed_dim;
|
||||
border: 3px solid @bordercolor;
|
||||
|
||||
}
|
||||
|
||||
#disk,
|
||||
#memory,
|
||||
#cpu,
|
||||
#temperature,
|
||||
#bluetooth {
|
||||
margin-right: 2px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
#network {
|
||||
padding: 0px 10px 0px 4px;
|
||||
}
|
||||
|
||||
#pulseaudio {
|
||||
margin-right: 12px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
/*======= TRAY =======*/
|
||||
#tray-group {
|
||||
margin: 4px 5px;
|
||||
background-color: @backgrounddark;
|
||||
border-radius: 20px;
|
||||
border: 3px solid @bordercolor;
|
||||
}
|
||||
|
||||
#custom-tray-arrow {
|
||||
padding: 6px 14px 6px 10px;
|
||||
color: @bordercolor;
|
||||
}
|
||||
|
||||
#tray {
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
#tray>.passive,
|
||||
#tray>.active,
|
||||
#tray>.needs-attention {
|
||||
-gtk-icon-effect: none;
|
||||
}
|
||||
@@ -0,0 +1,87 @@
|
||||
@import "colors.css";
|
||||
|
||||
#window,
|
||||
#cpu,
|
||||
#privacy,
|
||||
#workspaces,
|
||||
#user-group,
|
||||
#memory,
|
||||
#custom-exit,
|
||||
#clock {
|
||||
margin: 4px 5px;
|
||||
padding: 6px 6px;
|
||||
background-color: @backgrounddark;
|
||||
border-radius: 20px;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
border: 3px solid @bordercolor;
|
||||
}
|
||||
|
||||
tooltip {
|
||||
padding: 10px;
|
||||
background-color: @backgrounddark;
|
||||
border-radius: 20px;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
border: 3px solid @bordercolor;
|
||||
|
||||
}
|
||||
|
||||
#cpu.bars {
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
.calendar-today,
|
||||
.calendar-days,
|
||||
.calendar-weeks,
|
||||
.calendar-months {
|
||||
color: @bordercolor;
|
||||
}
|
||||
|
||||
.calendar-weekdays {
|
||||
color: @textcolor1;
|
||||
}
|
||||
|
||||
#workspaces button {
|
||||
min-width: 32px;
|
||||
padding: 0 4px;
|
||||
margin: 0 2px;
|
||||
background: transparent;
|
||||
border-radius: 16px;
|
||||
color: @tertiary;
|
||||
}
|
||||
|
||||
#workspaces button.active {
|
||||
padding: 0 12px;
|
||||
margin: 0 2px;
|
||||
background-color: @bordercolor;
|
||||
color: @on_primary;
|
||||
}
|
||||
|
||||
#workspaces button.special {
|
||||
color: @tertiary_fixed;
|
||||
}
|
||||
|
||||
#workspaces button:hover {
|
||||
background-color: @backgrounddark_highest;
|
||||
color: @bordercolor;
|
||||
}
|
||||
|
||||
#workspaces button.active:hover {
|
||||
background-color: @bordercolor;
|
||||
color: @on_primary;
|
||||
}
|
||||
|
||||
#workspaces button.empty {
|
||||
color: @workspacesbackground2;
|
||||
}
|
||||
|
||||
#workspaces button.urgent {
|
||||
color: @error_container;
|
||||
}
|
||||
|
||||
#workspaces button label:first-child {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
#workspaces button label:last-child {
|
||||
margin-left: 2px;
|
||||
}
|
||||
Reference in New Issue
Block a user