63 lines
921 B
SCSS
63 lines
921 B
SCSS
|
// переменные цветов
|
|||
|
|
$bg: #1a1a1a;
|
|||
|
|
$fg: #fcfcfc;
|
|||
|
|
$border: #000000;
|
|||
|
|
|
|||
|
|
// настройка шрифтов
|
|||
|
|
* {
|
|||
|
|
font-family: JetBrains Mono NF;
|
|||
|
|
font-size: 14;
|
|||
|
|
font-weight: 700;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Основной модуль прозрачный
|
|||
|
|
.bar {
|
|||
|
|
background: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// воссоздание такого же модуля бара
|
|||
|
|
.bar1 {
|
|||
|
|
background: $bg;
|
|||
|
|
border: 1px solid $border;
|
|||
|
|
border-radius: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Левая секция
|
|||
|
|
.ws-number-class {
|
|||
|
|
font-weight: 900;
|
|||
|
|
margin: 0px 5px 0px 10px;
|
|||
|
|
padding: 3px 5px 3px 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ws-title-class {
|
|||
|
|
margin: 0px 5px;
|
|||
|
|
padding: 3px 5px 3px 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Центральная секция
|
|||
|
|
.date-class {
|
|||
|
|
color: $fg;
|
|||
|
|
padding: 3px 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Правая секция
|
|||
|
|
.right {
|
|||
|
|
margin: 0px 9px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.volume-class {
|
|||
|
|
margin: 0px 2px 0px 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.language-class {
|
|||
|
|
padding: 0px 10px 0px 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.systray-class {
|
|||
|
|
margin: 0px 9px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|