nixos-configs/devices/wim/config/ags/scss/widgets/traybuttons.scss

117 lines
1.7 KiB
SCSS
Raw Normal View History

.bar {
margin: 5px;
}
2023-08-28 00:01:16 -04:00
.osk-toggle,
.tablet-toggle,
2023-08-27 14:28:39 -04:00
.heart-toggle {
font-size: 28px;
min-height: 40px;
2023-08-28 00:01:16 -04:00
min-width: 53px;
2023-08-27 14:28:39 -04:00
}
.heart-toggle {
font-size: 28px;
min-height: 40px;
color: #CBA6F7;
}
2023-08-27 14:28:39 -04:00
.notif-panel {
font-size: 20px;
min-height: 37px;
min-width: 105px;
}
.quick-settings-toggle {
font-size: 24px;
min-height: 40px;
min-width: 40px;
2023-09-05 14:04:19 -04:00
padding-right: 4px;
margin-left: -3px;
2023-08-27 14:28:39 -04:00
}
.toggle-off {
background-color: $bg;
color: #CBA6F7;
border-radius: 80px;
2023-10-26 17:03:34 -04:00
border: 2px solid $bg-secondary;
2023-08-27 14:28:39 -04:00
transition: background-color 0.5s ease-in-out,
border 0.5s ease-in-out;
}
.toggle-on {
background-color: $bg;
color: #CBA6F7;
border-radius: 80px;
2023-10-26 17:03:34 -04:00
border: 2px solid $contrast-bg;
2023-08-27 14:28:39 -04:00
transition: background-color 0.5s ease-in-out,
border 0.5s ease-in-out;
}
.toggle-on:hover, .toggle-off:hover {
background-color: rgba(127, 132, 156, 0.4);
transition: background-color 0.5s ease-in-out,
border 0.5s ease-in-out;
}
2023-09-05 19:22:54 -04:00
.clock {
font-size: 20px;
padding: 0 15px;
}
.audio,
.bluetooth,
.brightness {
2023-10-26 17:03:34 -04:00
padding: 0 10px;
2023-09-08 15:23:52 -04:00
font-size: 20px;
margin-right: -10px;
}
.network {
padding: 0 10px;
font-size: 20px;
}
.bg-text {
color: $bg;
font-weight: bold;
2023-09-08 15:23:52 -04:00
}
.battery {
2023-10-26 17:03:34 -04:00
padding: 0 10px;
font-size: 20px;
.battery-indicator {
&.charging {
color: green;
}
2023-10-26 17:03:34 -04:00
&.charged {
// TODO: charged battery style
}
&.low {
color: red;
}
}
2023-10-26 17:03:34 -04:00
icon {
2023-10-26 17:03:34 -04:00
.charging {
// TODO: charging battery style
}
.discharging {
// TODO: discharging battery style
}
}
2023-10-26 17:03:34 -04:00
.label {
font-size: 20px;
}
2023-09-05 19:22:54 -04:00
}
tooltip {
background: rgba(0,0,0, 0.6);
border-radius: 5px;
}