2022-09-14 15:35:52 +03:00
|
|
|
@import 'css/colors';
|
|
|
|
|
|
|
|
@mixin wshadow {
|
|
|
|
box-shadow: 0 5px 10px $shadow;
|
|
|
|
margin: 15px 20px 25px;
|
|
|
|
}
|
|
|
|
|
2022-10-04 02:08:44 +03:00
|
|
|
* {
|
|
|
|
all: unset;
|
|
|
|
font-size: 1.2rem;
|
|
|
|
}
|
|
|
|
|
2022-09-14 15:35:52 +03:00
|
|
|
@import 'css/calendar';
|
|
|
|
@import 'css/music';
|
2022-10-04 02:08:44 +03:00
|
|
|
@import 'css/notification';
|
2022-09-14 15:35:52 +03:00
|
|
|
@import 'css/system';
|
|
|
|
@import 'css/volume';
|
|
|
|
|
|
|
|
.bar {
|
|
|
|
background-color: $bg;
|
|
|
|
color: $fg;
|
|
|
|
}
|
|
|
|
|
|
|
|
.module { margin: 0 5px; }
|
2022-10-04 02:08:44 +03:00
|
|
|
.clock { font-size: 1.4rem; }
|
|
|
|
.hour { font-weight: bold; }
|
|
|
|
.date {
|
|
|
|
label {
|
|
|
|
font-size: 1.4rem;
|
|
|
|
}
|
2022-09-14 15:35:52 +03:00
|
|
|
|
2022-10-04 02:08:44 +03:00
|
|
|
background: $bg;
|
2022-09-14 15:35:52 +03:00
|
|
|
color: $flamingo;
|
2022-10-04 02:08:44 +03:00
|
|
|
margin-left: -1rem;
|
|
|
|
padding: 0 1rem;
|
2022-09-14 15:35:52 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.bright-icon { color: $yellow; }
|
|
|
|
.brightbar trough highlight {
|
|
|
|
background-image: linear-gradient(to right, $yellow 30%, $peach 100%);
|
|
|
|
border-radius: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.module-ssid,
|
2022-10-04 02:08:44 +03:00
|
|
|
.module-net { color: $lavender; }
|
2022-09-14 15:35:52 +03:00
|
|
|
.module-bt { font-size: 1.2rem; }
|
2022-10-04 02:08:44 +03:00
|
|
|
|
|
|
|
.separ {
|
|
|
|
color: $surface0;
|
|
|
|
padding-bottom: 2px;
|
|
|
|
font-size: 1.5rem;
|
|
|
|
}
|
2022-09-14 15:35:52 +03:00
|
|
|
|
|
|
|
scale trough {
|
|
|
|
background-color: $bg1;
|
|
|
|
border-radius: 24px;
|
|
|
|
margin: 0 1rem;
|
|
|
|
min-height: 10px;
|
|
|
|
min-width: 70px;
|
|
|
|
}
|
|
|
|
|
2022-10-04 02:08:44 +03:00
|
|
|
.ws { margin-top: .4rem; }
|
|
|
|
.workspaces { margin-left: 10px; }
|
2022-09-14 15:35:52 +03:00
|
|
|
|
2022-10-04 02:08:44 +03:00
|
|
|
.launcher label {
|
|
|
|
background-color: $blue;
|
|
|
|
color: $bg;
|
|
|
|
font-family: monospace;
|
|
|
|
font-size: 1.5rem;
|
|
|
|
padding: 0 1.1rem 0 .5rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notif-toggle {
|
|
|
|
padding: 0 5px;
|
2022-09-14 15:35:52 +03:00
|
|
|
}
|