48 lines
922 B
CSS
48 lines
922 B
CSS
/* SwayOSD midnight-ocean theme */
|
|
|
|
/* Palette */
|
|
@define-color theme_bg_color rgba(11, 27, 43, 0.8); /* bg_main at 80% opacity */
|
|
@define-color theme_fg_color #CAD3E8; /* content_main */
|
|
|
|
/* OSD Window */
|
|
window#osd {
|
|
border-radius: 999px;
|
|
border: none;
|
|
background: alpha(@theme_bg_color, 0.8);
|
|
}
|
|
window#osd #container {
|
|
margin: 16px;
|
|
}
|
|
window#osd image,
|
|
window#osd label {
|
|
color: @theme_fg_color;
|
|
}
|
|
|
|
/* Disabled state */
|
|
window#osd progressbar:disabled,
|
|
window#osd image:disabled {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
/* Progress bar track */
|
|
window#osd progressbar {
|
|
min-height: 6px;
|
|
border-radius: 999px;
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
window#osd trough {
|
|
min-height: inherit;
|
|
border-radius: inherit;
|
|
border: none;
|
|
background: alpha(@theme_fg_color, 0.5);
|
|
}
|
|
|
|
/* Progress fill */
|
|
window#osd progress {
|
|
min-height: inherit;
|
|
border-radius: inherit;
|
|
border: none;
|
|
background: @theme_fg_color;
|
|
}
|