clock module styles
This commit is contained in:
parent
25d13d214e
commit
8327c2f537
@ -12,11 +12,20 @@
|
|||||||
"HDMI-A-1"
|
"HDMI-A-1"
|
||||||
];
|
];
|
||||||
modules-left = [ "sway/workspaces" ];
|
modules-left = [ "sway/workspaces" ];
|
||||||
modules-center = [ "clock" ];
|
modules-center = [ "clock#week" "clock#year" "clock#time" ];
|
||||||
modules-right = [ "network" "pulseaudio" "memory" "cpu" "battery" ];
|
modules-right = [ "network" "pulseaudio" "memory" "cpu" "battery" ];
|
||||||
|
|
||||||
clock = {
|
"clock#time" = {
|
||||||
format = "{:%a %Y-%m-%d %H:%M:%S}";
|
format = "{:%H:%M:%S}";
|
||||||
|
interval = 1;
|
||||||
|
};
|
||||||
|
|
||||||
|
"clock#week" = {
|
||||||
|
format = "{:%a}";
|
||||||
|
};
|
||||||
|
|
||||||
|
"clock#year" = {
|
||||||
|
format = "{:%Y-%m-%d}";
|
||||||
tooltip-format = "<tt><small>{calendar}</small></tt>";
|
tooltip-format = "<tt><small>{calendar}</small></tt>";
|
||||||
calendar = {
|
calendar = {
|
||||||
mode = "year";
|
mode = "year";
|
||||||
@ -30,7 +39,6 @@
|
|||||||
today = "<span color='#ff6699'><b><u>{}</u></b></span>";
|
today = "<span color='#ff6699'><b><u>{}</u></b></span>";
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
interval = 1;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
battery = {
|
battery = {
|
||||||
|
@ -54,6 +54,25 @@ button:hover {
|
|||||||
box-shadow: inset 0 -3px #ffffff;
|
box-shadow: inset 0 -3px #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.modules-center * {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modules-center .week {
|
||||||
|
color: #d97706;
|
||||||
|
border-radius: 9999px 0px 0px 9999px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modules-center .year {
|
||||||
|
color: #ec4899;
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modules-center .time {
|
||||||
|
color: #0ea5e9;
|
||||||
|
border-radius: 0px 9999px 9999px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
#clock,
|
#clock,
|
||||||
#battery,
|
#battery,
|
||||||
#cpu,
|
#cpu,
|
||||||
|
Loading…
Reference in New Issue
Block a user