removed css and moved title
This commit is contained in:
pika
parent
49a8d543eb
commit
4df5900d2b
2 changed files with 2 additions and 423 deletions
4
config
4
config
|
|
@ -23,9 +23,9 @@ ForceCSS: false
|
|||
# Adding the same widget multiple times to the layout is *not* supported and will cause issues.
|
||||
|
||||
# Widgets to show on the left side
|
||||
WidgetsLeft: [Workspaces, Title]
|
||||
WidgetsLeft: [Workspaces]
|
||||
# Widgets to center
|
||||
WidgetsCenter: [Time, Tray]
|
||||
WidgetsCenter: [Title, Time, Tray]
|
||||
# Widgets to display on the right side
|
||||
WidgetsRight: [Packages, Audio, Disk, VRAM, GPU, RAM, CPU, Battery, Network, Bluetooth, Power]
|
||||
|
||||
|
|
|
|||
421
style.css
421
style.css
|
|
@ -1,421 +0,0 @@
|
|||
* {
|
||||
all: unset;
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
}
|
||||
|
||||
.popup {
|
||||
background-color: #282a36;
|
||||
color: #50fa7b;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
menu {
|
||||
padding: 0px 8px 8px 8px;
|
||||
}
|
||||
|
||||
.bar,
|
||||
tooltip {
|
||||
background-color: #282a36;
|
||||
border-radius: 16px;
|
||||
margin: 2px 1rem 0;
|
||||
}
|
||||
|
||||
.right {
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.time-text {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.title-text {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.reboot-button {
|
||||
font-size: 28px;
|
||||
color: #6272a4;
|
||||
}
|
||||
|
||||
.sleep-button {
|
||||
font-size: 28px;
|
||||
color: #6272a4;
|
||||
}
|
||||
|
||||
.lock-button {
|
||||
font-size: 22px;
|
||||
color: #6272a4;
|
||||
}
|
||||
|
||||
.exit-button {
|
||||
font-size: 28px;
|
||||
color: #6272a4;
|
||||
}
|
||||
|
||||
.power-button {
|
||||
font-size: 25px;
|
||||
color: #ff5555;
|
||||
}
|
||||
|
||||
.system-confirm {
|
||||
color: #50fa7b;
|
||||
}
|
||||
|
||||
trough {
|
||||
border-radius: 0px;
|
||||
border-width: 1px;
|
||||
border-style: none;
|
||||
background-color: #44475a;
|
||||
min-width: 4px;
|
||||
min-height: 4px;
|
||||
}
|
||||
|
||||
slider {
|
||||
border-radius: 0%;
|
||||
border-width: 1px;
|
||||
border-style: none;
|
||||
margin: -9px -9px -9px -9px;
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
highlight {
|
||||
border-radius: 3px;
|
||||
border-width: 1px;
|
||||
border-style: none;
|
||||
min-width: 6px;
|
||||
min-height: 6px;
|
||||
}
|
||||
|
||||
.audio-icon {
|
||||
font-size: 24px;
|
||||
color: #ffb86c;
|
||||
}
|
||||
|
||||
.audio-volume {
|
||||
font-size: 16px;
|
||||
color: #ffb86c;
|
||||
}
|
||||
.audio-volume trough {
|
||||
background-color: #44475a;
|
||||
}
|
||||
.audio-volume slider {
|
||||
background-color: transparent;
|
||||
}
|
||||
.audio-volume highlight {
|
||||
background-color: #ffb86c;
|
||||
}
|
||||
|
||||
.mic-icon {
|
||||
font-size: 24px;
|
||||
color: #bd93f9;
|
||||
}
|
||||
|
||||
.mic-volume {
|
||||
font-size: 16px;
|
||||
color: #bd93f9;
|
||||
}
|
||||
.mic-volume trough {
|
||||
background-color: #44475a;
|
||||
}
|
||||
.mic-volume slider {
|
||||
background-color: transparent;
|
||||
}
|
||||
.mic-volume highlight {
|
||||
background-color: #bd93f9;
|
||||
}
|
||||
|
||||
.package-outofdate {
|
||||
margin: -5px -5px -5px -5px;
|
||||
font-size: 24px;
|
||||
color: #ff5555;
|
||||
}
|
||||
|
||||
.bt-num {
|
||||
font-size: 16px;
|
||||
color: #1793d1;
|
||||
}
|
||||
|
||||
.bt-label-on {
|
||||
font-size: 20px;
|
||||
color: #1793d1;
|
||||
}
|
||||
|
||||
.bt-label-off {
|
||||
font-size: 24px;
|
||||
color: #1793d1;
|
||||
}
|
||||
|
||||
.bt-label-connected {
|
||||
font-size: 28px;
|
||||
color: #1793d1;
|
||||
}
|
||||
|
||||
.disk-widget * {
|
||||
color: #bd93f9;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.disk-util-progress {
|
||||
background-color: #44475a;
|
||||
}
|
||||
|
||||
.vram-widget * {
|
||||
color: #ffb86c;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.vram-util-progress {
|
||||
background-color: #44475a;
|
||||
}
|
||||
|
||||
.ram-widget * {
|
||||
color: #f1fa8c;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.ram-util-progress {
|
||||
background-color: #44475a;
|
||||
}
|
||||
|
||||
.gpu-widget * {
|
||||
color: #8be9fd;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.gpu-util-progress {
|
||||
background-color: #44475a;
|
||||
}
|
||||
|
||||
.cpu-widget * {
|
||||
color: #50fa7b;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.cpu-util-progress {
|
||||
background-color: #44475a;
|
||||
}
|
||||
|
||||
.battery-widget * {
|
||||
color: #24d05e;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.battery-util-progress {
|
||||
/* background-color: #44475a; */
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.battery-charging {
|
||||
color: #8c12b1;
|
||||
}
|
||||
|
||||
.battery-warning {
|
||||
color: #ff5555;
|
||||
}
|
||||
|
||||
.network-data-text {
|
||||
color: #50fa7b;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.network-up-under {
|
||||
color: #44475a;
|
||||
}
|
||||
|
||||
.network-up-low {
|
||||
color: #50fa7b;
|
||||
}
|
||||
|
||||
.network-up-mid-low {
|
||||
color: #f1fa8c;
|
||||
}
|
||||
|
||||
.network-up-mid-high {
|
||||
color: #ffb86c;
|
||||
}
|
||||
|
||||
.network-up-high {
|
||||
color: #bd93f9;
|
||||
}
|
||||
|
||||
.network-up-over {
|
||||
color: #ff5555;
|
||||
}
|
||||
|
||||
.network-down-under {
|
||||
color: #44475a;
|
||||
}
|
||||
|
||||
.network-down-low {
|
||||
color: #50fa7b;
|
||||
}
|
||||
|
||||
.network-down-mid-low {
|
||||
color: #f1fa8c;
|
||||
}
|
||||
|
||||
.network-down-mid-high {
|
||||
color: #ffb86c;
|
||||
}
|
||||
|
||||
.network-down-high {
|
||||
color: #bd93f9;
|
||||
}
|
||||
|
||||
.network-down-over {
|
||||
color: #ff5555;
|
||||
}
|
||||
|
||||
.ws-dead {
|
||||
color: #44475a;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.ws-inactive {
|
||||
color: #6272a4;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.ws-visible {
|
||||
color: #8be9fd;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.ws-current {
|
||||
color: #f1fa8c;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.ws-active {
|
||||
color: #50fa7b;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@keyframes connectanim {
|
||||
from {
|
||||
background-image: radial-gradient(
|
||||
circle farthest-side at center,
|
||||
#1793d1 0%,
|
||||
transparent 0%,
|
||||
transparent 100%
|
||||
);
|
||||
}
|
||||
to {
|
||||
background-image: radial-gradient(
|
||||
circle farthest-side at center,
|
||||
#1793d1 0%,
|
||||
#1793d1 100%,
|
||||
transparent 100%
|
||||
);
|
||||
}
|
||||
}
|
||||
@keyframes disconnectanim {
|
||||
from {
|
||||
background-image: radial-gradient(
|
||||
circle farthest-side at center,
|
||||
transparent 0%,
|
||||
#1793d1 0%,
|
||||
#1793d1 100%
|
||||
);
|
||||
}
|
||||
to {
|
||||
background-image: radial-gradient(
|
||||
circle farthest-side at center,
|
||||
transparent 0%,
|
||||
transparent 100%,
|
||||
#1793d1 100%
|
||||
);
|
||||
}
|
||||
}
|
||||
@keyframes scanonanim {
|
||||
from {
|
||||
color: #f1fa8c;
|
||||
}
|
||||
to {
|
||||
color: #50fa7b;
|
||||
}
|
||||
}
|
||||
@keyframes scanoffanim {
|
||||
from {
|
||||
color: #50fa7b;
|
||||
}
|
||||
to {
|
||||
color: #f1fa8c;
|
||||
}
|
||||
}
|
||||
.bt-bg {
|
||||
background-color: #282a36;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.bt-header-box {
|
||||
margin-top: 4px;
|
||||
margin-right: 8px;
|
||||
margin-left: 8px;
|
||||
font-size: 24px;
|
||||
color: #1793d1;
|
||||
}
|
||||
|
||||
.bt-body-box {
|
||||
margin-right: 8px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.bt-button {
|
||||
border-radius: 16px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
margin-bottom: 4px;
|
||||
margin-top: 4px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.bt-button.active {
|
||||
animation-name: connectanim;
|
||||
animation-duration: 50ms;
|
||||
animation-timing-function: linear;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
.bt-button.inactive {
|
||||
animation-name: disconnectanim;
|
||||
animation-duration: 50ms;
|
||||
animation-timing-function: linear;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
.bt-button.failed {
|
||||
color: #ff5555;
|
||||
}
|
||||
|
||||
.bt-close {
|
||||
color: #ff5555;
|
||||
background-color: #44475a;
|
||||
border-radius: 16px;
|
||||
padding: 0px 8px 0px 7px;
|
||||
margin: 0px 0px 0px 8px;
|
||||
}
|
||||
|
||||
.bt-scan {
|
||||
color: #f1fa8c;
|
||||
background-color: #44475a;
|
||||
border-radius: 16px;
|
||||
padding: 2px 11px 0px 7px;
|
||||
margin: 0px 0px 0px 10px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.bt-scan.active {
|
||||
animation-name: scanonanim;
|
||||
animation-duration: 50ms;
|
||||
animation-timing-function: linear;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
.bt-scan.inactive {
|
||||
animation-name: scanoffanim;
|
||||
animation-duration: 50ms;
|
||||
animation-timing-function: linear;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
Loading…
Add table
Add a link
Reference in a new issue