141 lines
2.6 KiB
SCSS
141 lines
2.6 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;
|
|
}
|
|
|
|
// orbit-menu launcher — round glowing button, opens the radial power/tools/
|
|
// scripts/management/windows menu. Smooth glow + colour-swap on hover.
|
|
.orbit-launcher {
|
|
border: 2px solid alpha(#E40046, 0.5);
|
|
background-image: radial-gradient(circle at 35% 30%, alpha(#5018dd, 0.35), #1a1a1a 75%);
|
|
color: #E40046;
|
|
font-size: 15pt;
|
|
min-width: 26px;
|
|
min-height: 26px;
|
|
margin: 1px 4px;
|
|
border-radius: 9999px;
|
|
transition: color 200ms ease, border-color 200ms ease,
|
|
background-image 200ms ease, box-shadow 220ms ease;
|
|
}
|
|
.orbit-launcher:hover {
|
|
color: #ffffff;
|
|
border-color: #E40046;
|
|
background-image: radial-gradient(circle at 35% 30%, alpha(#E40046, 0.65), #1a1a1a 75%);
|
|
box-shadow: 0 0 14px 2px alpha(#E40046, 0.65);
|
|
}
|