120 lines
1.9 KiB
SCSS
120 lines
1.9 KiB
SCSS
* {
|
|
all: unset; // Unsets everything so you can style everything from scratch
|
|
font-family: Agave Nerd Font Mono, sans-serif;
|
|
font-size: 14pt;
|
|
}
|
|
|
|
tooltip {
|
|
border: solid;
|
|
border-width: 3px;
|
|
background: #1a1a1a;
|
|
color: #5018dd;
|
|
border-radius: 25px;
|
|
}
|
|
|
|
|
|
// Global Styles
|
|
.bar {
|
|
|
|
color: #b0b4bc;
|
|
padding: 10px;
|
|
}
|
|
|
|
// Styles on classes (see eww.yuck for more information)
|
|
|
|
.sidestuff slider {
|
|
all: unset;
|
|
color: #ffd5cd;
|
|
}
|
|
|
|
.metric scale trough highlight {
|
|
all: unset;
|
|
background: #E40046;
|
|
|
|
color: #000000;
|
|
border-radius: 10px;
|
|
|
|
}
|
|
|
|
.metric scale trough {
|
|
all: unset;
|
|
background-color: #5018dd;
|
|
border-radius: 50px;
|
|
min-height: 3px;
|
|
min-width: 50px;
|
|
margin-left: 10px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.label-ram {
|
|
font-size: large;
|
|
}
|
|
|
|
|
|
|
|
.music,.metric,.clock,.workspace-button {
|
|
border: solid;
|
|
border-width: 3px;
|
|
background: #1a1a1a;
|
|
color: #5018dd;
|
|
|
|
padding-top:5px;
|
|
margin-top:1px;
|
|
|
|
padding-bottom:5px;
|
|
margin-bottom:1px;
|
|
|
|
padding-left:5px;
|
|
margin-left:4px;
|
|
|
|
padding-right:5px;
|
|
margin-right:4px;
|
|
|
|
border-radius: 25px;
|
|
}
|
|
|
|
.workspace-active {
|
|
color: #E40046;
|
|
|
|
}
|
|
|
|
// caffeine widget while the presence-detect daemon holds the idle lock:
|
|
// tint it the Active Hot Pink accent used for highlights everywhere else.
|
|
.caffeine-presence {
|
|
color: #E40046;
|
|
}
|
|
|
|
menuitem {
|
|
border: solid;
|
|
border-width: 3px;
|
|
background: #1a1a1a;
|
|
color: #5018dd;
|
|
|
|
padding-top:2px;
|
|
margin-top:3px;
|
|
|
|
padding-bottom:2px;
|
|
margin-bottom:3px;
|
|
|
|
padding-left:2px;
|
|
margin-left:3px;
|
|
|
|
padding-right:2px;
|
|
margin-right:3px;
|
|
|
|
border-radius: 25px;
|
|
|
|
}
|
|
menuitem:hover {
|
|
color: #E40046;
|
|
}
|
|
|
|
// astal-menu launcher button — accent-coloured icon, highlight on hover
|
|
.menu-launcher {
|
|
color: #E40046;
|
|
font-size: 15pt;
|
|
}
|
|
.menu-launcher:hover {
|
|
color: #5018dd;
|
|
}
|