Modus/styles/launcher.css

/*
 * ── launcher ──────────────────────────────────────────────────────────
*/

#launcher {
  margin: 18px;
  border: 1px solid @outlineVariant;
  background-color: @surface;
  border-radius: 24px;
  padding: 18px;
  transition: all 0.5s cubic-bezier(0.5, 0.25, 0, 1);
}

#launcher entry {
  transition: all 0.1s ease;
  border-radius: 11px;
  padding: 10px;
  margin: 12px;
  box-shadow: inset 0 0 0 1px @outlineVariant;
}

#launcher-content.wallpapers {
  padding: 16px;
  min-height: 420px;
  min-width: 620px;
}

#launcer-content.cliphist {
  min-height: 420px;
}

#launcher-content.bluetooth {
  min-height: 464px;
  min-width: 464px;
}

#launcher-content.wifi {
  min-height: 464px;
  min-width: 464px;
}

#launcher-content.power {
  min-height: 52px;
}

#launcher-content.calendar {
  min-height: 420px;
  min-width: 420px;
}

#launcher-content {
  min-width: 420px;
}

#app-launcher,
#wallpapers,
#todo,
#bluetooth,
#sh,
#cliphist,
#emoji,
#powermenu {
  transition: all 0.25s cubic-bezier(0.5, 0.25, 0, 1);
}

#toggle-launcher-button {
  background-color: @secondaryContainer;
  color: @onSecondaryContainer;
  margin: 11px;
  margin-left: 0px;
  min-width: 48px;
  min-height: 44px;
  border-radius: 100%;
}

#clear-launcher-button {
  background-color: @secondaryContainer;
  color: @onSecondaryContainer;
  margin: 11px;
  margin-left: 0px;
  min-width: 44px;
  min-height: 44px;
  border-radius: 100%;
}

#scrolled-window scrollbar {
  border-radius: 10px;
  background-color: @surface;
  /*padding: 4px;*/
  /*margin-left: 6px;*/
}

#scrolled-window slider {
  border-radius: 8px;
  min-width: 10px;
  min-height: 48px;
  background-color: @primary;
}

/*
 * ── applauncher ───────────────────────────────────────────────────────
*/

#launcher-app {
  border-radius: 16px;
  padding: 16px;
  transition: padding 0.25s cubic-bezier(0.5, 0.25, 0, 1);
}

#launcher-app:hover image,
#launcher-app:active image,
#launcher-app:selected image,
#launcher-app.selected image,
#launcher-app:focus image {
  -gtk-icon-shadow: 2px 2px @primary;
}

#launcher-app:hover,
#launcher-app:active,
#launcher-app.selected,
#launcher-app:selected,
#launcher-app:focus {
  text-shadow: 2pt 2pt 2pt @primary;
}

#launcher-app-icon {
  margin-right: 8px;
}

/*
 * ── wallpaper ─────────────────────────────────────────────────────────
*/
#search-entry-walls {
  min-width: 300px;
}

#wallpaper-icons:selected {
  background-color: @surfaceBright;
  border-radius: 8px;
}

#wallpaper-icons:hover {
  background-color: @surfaceBright;
  border-radius: 8px;
}

#dropdown-box {
  background-color: @surface;
  box-shadow: inset 0 0 0 1px @outlineVariant;
  border-radius: 11px;
  padding: 10px;
  margin: 12px;
}

#scheme-dropdown {
  font-weight: bold;
}

/*
 * ── emoji ─────────────────────────────────────────────────────────────
*/

#launcher button#emoji-item {
  border-radius: 11px;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  padding: 0px;
}

#launcher button#emoji-item label {
  font-size: 24px;
}

#launcher button#emoji-item:hover,
#launcher button#emoji-item:focus {
  text-shadow: 2px 2px 2px @primary;
}

/*
 * ── powermenu ─────────────────────────────────────────────────────────
*/

#powermenu-button {
  border-radius: 20px;
  padding: 20px;
}

#powermenu-button:hover,
#powermenu-button:focus {
  background-color: @surfaceBright;
}

#powermenu-button:active {
  background-color: @primary;
}

/*
 * ── cliphist ──────────────────────────────────────────────────────────
*/
#cliphist-history {
  min-height: 520px;
}

#launcher button#clip-img-item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  min-width: 70px;
  min-height: 70px;
}

#launcher button#clip-img-item:hover,
#launcher button#clip-img-item:focus {
  box-shadow: 2px 2px 2px @primary;
}

#launcher button#clip-item {
  border-radius: 11px;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  padding: 6px;
}

#launcher button#clip-item {
  font-size: 30px;
}

#launcher button#clip-item:hover,
#launcher button#clip-item:focus {
  text-shadow: 2px 2px 2px @primary;
}

/*
 * ── todo ──────────────────────────────────────────────────────────────
*/
#todo-content {
  min-height: 250px;
}

#todo-launcher {
  background-color: @surface;
  padding: 10px;
  border-radius: 8px;
}

#todo-item {
  padding: 8px;
  border-radius: 4px;
  background-color: alpha(@surface, 0.8);
}

#todo-label {
  color: @primary;
}

#todo-label-completed {
  color: alpha(@outlineVariant, 0.5);
  text-decoration: line-through;
}

#delete-button {
  color: @error;
}

/*
 * ── sh runner ─────────────────────────────────────────────────────────
*/

#launcher button#sh-item {
  border-radius: 11px;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  padding: 0px;
}

#launcher button#sh-item {
  font-size: 24px;
}

#launcher button#sh-item:hover,
#launcher button#sh-item:focus {
  text-shadow: 2px 2px 2px @primary;
}

/*
 * ── bluetooth ─────────────────────────────────────────────────────────
*/

#bluetooth-header {
  background-color: @surfaceContainer;
  padding: 4px;
  border-radius: 20px;
}

#bluetooth-device {
  background-color: @secondaryContainer;
  border-radius: 16px;
  padding: 4px;
  margin-bottom: 4px;
}

#bluetooth-scan,
#bluetooth-toggle {
  background-color: @secondaryContainer;
  margin-left: 0px;
  min-width: 44px;
  min-height: 44px;
  border-radius: 100%;
}

#bluetooth-scan:hover,
#bluetooth-toggle:hover {
  background-color: @surfaceBright;
}

#bluetooth-scan label,
#bluetooth-toggle label {
  font-weight: bold;
}

#bluetooth-text,
#bluetooth-section {
  font-weight: bold;
}

#bluetooth-text {
  color: @primary;
}

#bluetooth-connection {
  font-size: 20px;
}

#bluetooth-connect {
  background-color: @surface;
  border-radius: 16px;
  padding: 8px 16px;
}

#bluetooth-connect:hover {
  background-color: @surfaceBright;
}

#bluetooth-paired,
#bluetooth-available {
  background-color: @surfaceContainer;
  padding: 4px;
  border-radius: 20px;
  min-height: 200px;
}

/*
 * ── wifi ──────────────────────────────────────────────────────────────
*/

#wifi-header {
  background-color: @surfaceContainer;
  padding: 4px;
  border-radius: 20px;
}

#wifi-device {
  background-color: @secondaryContainer;
  border-radius: 16px;
  padding: 4px;
  margin-bottom: 4px;
}

#wifi-scan,
#wifi-toggle {
  background-color: @secondaryContainer;
  margin-left: 0px;
  min-width: 44px;
  min-height: 44px;
  border-radius: 100%;
}

#wifi-scan:hover,
#wifi-toggle:hover {
  background-color: @surfaceBright;
}

#wifi-scan label,
#wifi-toggle label {
  font-weight: bold;
}

#wifi-text,
#wifi-section {
  font-weight: bold;
}

#wifi-text {
  color: @primary;
}

#wifi-connection {
  font-size: 20px;
}

#wifi-connect {
  background-color: @surface;
  border-radius: 16px;
  padding: 8px 16px;
}

#wifi-connect:hover {
  background-color: @surfaceBright;
}

#wifi-available {
  background-color: @surfaceContainer;
  padding: 4px;
  border-radius: 20px;
  min-height: 200px;
}

/*
 * ── calendar ──────────────────────────────────────────────────────────
*/

#header {
  border-radius: 16px;
  padding: 4px;
}

#weekday-row {
  border-radius: 8px;
  padding: 4px;
}

#month-label,
#weekday-label,
#day-label {
  font-weight: bold;
}

#day-label,
#day-empty {
  min-width: 41px;
  min-height: 30px;
}

#day-empty {
  color: @surfaceBright;
}

#weekday-label {
  color: @primary;
}

#calendar-grid {
  border-radius: 16px;
  padding: 4px;
}

#day-label.current-day {
  background-color: @primary;
  color: @onPrimary;
  border-radius: 20px;
}

#prev-month-button,
#next-month-button {
  border-radius: 8px;
  padding: 4px;
}

#prev-month-button:hover,
#next-month-button:hover {
  background-color: @surfaceBright;
}

#prev-month-button:active,
#next-month-button:active {
  background-color: @primary;
}

#month-button-label {
  color: @primary;
  font-size: 20px;
}

#prev-month-button:active #month-button-label,
#next-month-button:active #month-button-label {
  color: @surface;
}

#prev-month-day,
#next-month-day {
  /*color: lighter(@surfaceBright);*/
  color: mix(@onSurfaceVariant, transparent, 0.6);
}