hyprcrux/.config/swaync/style.css

@import '../../.cache/wal/colors-waybar.css';

* {
  
  font-family: JetBrainsMono NFP;
  font-weight: bold;
}

.control-center .notification-row:focus,
.control-center .notification-row:hover {
  opacity: 1;
  background: alpha(@color0, 0.5);
}

.notification-row {
  outline: none;
  margin: 10px;
  padding: 0;
}

.notification {
  background: transparent;
  padding: 0;
  margin: 0px;
}

.notification-content {
  background: @color1;
  padding: 10px;
  border-radius: 5px;
  border: 2px solid @color7;
  margin: 0;
}

.notification-default-action {
  margin: 0;
  padding: 0;
  border-radius: 5px;
}

.close-button {
  background: #f7768e;
  color: @cc-bg;
  text-shadow: none;
  padding: 0;
  border-radius: 5px;
  margin-top: 5px;
  margin-right: 5px;
}

.close-button:hover {
  box-shadow: none;
  background: #f7768e;
  transition: all 0.15s ease-in-out;
  border: none;
}

.notification-action {
  border: 2px solid @color7;
  border-top: none;
  border-radius: 5px;
}

.notification-default-action:hover,
.notification-action:hover {
  color: #7aa2f7;
  background: #7aa2f7;
}

.notification-default-action {
  border-radius: 5px;
  margin: 0px;
}

.notification-default-action:not(:only-child) {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.notification-action:first-child {
  border-bottom-left-radius: 10px;
  background: #1b1b2b;
}

.notification-action:last-child {
  border-bottom-right-radius: 10px;
  background: #1b1b2b;
}

.inline-reply {
  margin-top: 8px;
}

.inline-reply-entry {
  background: @color1;
  color: @color7;
  caret-color: @color7;
  border: 1px solid @color7;
  border-radius: 5px;
}

.inline-reply-button {
  margin-left: 4px;
  background: @noti-bg;
  border: 1px solid @color7;
  border-radius: 5px;
  color: @text-color;
}

.inline-reply-button:disabled {
  background: initial;
  color: @text-color-disabled;
  border: 1px solid transparent;
}

.inline-reply-button:hover {
  background: @noti-bg-hover;
}

.body-image {
  margin-top: 6px;
  background-color: #fff;
  border-radius: 5px;
}

.summary {
  font-size: 16px;
  font-weight: 700;
  background: transparent;
  color: @color7;
  text-shadow: none;
}

.time {
  font-size: 16px;
  font-weight: 700;
  background: transparent;
  color: @text-color;
  text-shadow: none;
  margin-right: 18px;
}

.body {
  font-size: 15px;
  font-weight: 400;
  background: transparent;
  color: @color6;
  text-shadow: none;
}

.control-center {
  background: @background;
  border: 2px solid @color6;
  border-radius: 5px;
}

.control-center-list {
  background: transparent;
}

.control-center-list-placeholder {
  opacity: 0.5;
}

.floating-notifications {
  background: transparent;
}

.blank-window {
  background: @transparent;
}

/* Notification Center Title */
.widget-title {
  color: @color7;
  background: @color1;
  padding: 5px 10px;
  margin: 10px 10px 5px 10px;
  font-size: 1.5rem;
  border-radius: 5px;
  border: 2px solid @color7;
}

/* Clear All Button */
.widget-title > button {
  font-size: 1rem;
  color: @foreground;
  text-shadow: none;
  background: @color1;
  box-shadow: none;
  border-radius: 5px;
  border: 2px solid @color7;
}

/* Clear All Button - Hover */
.widget-title > button:hover {
  background: @color1;
  color: @color6;
}

.widget-dnd {
  background: @color1;
  padding: 5px 10px;
  margin: 5px 10px 10px 10px;
  border-radius: 5px;
  font-size: large;
  color: @color7;
  border: 2px solid @color7;
}

.widget-dnd > switch {
  border-radius: 5px;
  border: 1px solid @color7;
  background: @color1;
}

.widget-dnd > switch:checked {
  background: #f7768e;
  border: 1px solid black;
}

.widget-dnd > switch slider {
  background: @color7;
  border-radius: 5px;
}

.widget-dnd > switch:checked slider {
  background: @cc-bg;
  border-radius: 5px;
}

.widget-label {
  margin: 10px 10px 5px 10px;
}

.widget-label > label {
  font-size: 1rem;
  color: @color1;
}

.widget-mpris {
  color: @color7;
  background: @color1;
  padding: 5px 10px;
  margin: 5px 10px 5px 10px;
  border-radius: 5px;
  border: 2px solid @color7;
}

.widget-mpris > box > button {
  border-radius: 5px;
  /* border: 2px solid @color7; */
  color: @color7;
}

.widget-mpris-player {
  padding: 5px 10px;
  margin: 10px;
}

.widget-mpris-title {
  font-weight: 700;
  font-size: 1.25rem;
}

.widget-mpris-subtitle {
  font-size: 1.1rem;
}

.widget-buttons-grid {
  font-size: x-large;
  padding: 5px;
  margin: 5px 10px 10px 10px;
  border-radius: 5px;
  background: @background;
  border: 2px solid @color7;

}

.widget-buttons-grid > flowbox > flowboxchild > button {
  margin: 3px;
  background: @color1;
  border-radius: 5px;
  color: @color7;
  border: 2px solid @color7;
}

.widget-buttons-grid > flowbox > flowboxchild > button:hover {
  background: @color2;
  color: @color6;
  border: 2px solid @color7;
}

.widget-menubar > box > .menu-button-bar > button {
  border: none;
  background: transparent;
}

.topbar-buttons > button {
  border: none;
  background: transparent;
}

.widget-volume {
  background: @noti-bg-darker;
  padding: 5px;
  margin: 10px 10px 5px 10px;
  border-radius: 5px;
  font-size: x-large;
  color: @text-color;
}

.widget-volume > box > button {
  background: #7aa2f7;
  border: none;
}

.per-app-volume {
  background-color: @noti-bg;
  padding: 4px 8px 8px;
  margin: 0 8px 8px;
  border-radius: 5px;
}

.widget-backlight {
  background: @noti-bg-darker;
  padding: 5px;
  margin: 10px 10px 5px 10px;
  border-radius: 5px;
  font-size: x-large;
  color: @text-color;
}

/* .widget-inhibitors {
    margin: 8px;
    font-size: 1.5rem
}

.widget-inhibitors>button {
    font-size: initial;
    color: @text-color;
    text-shadow: none;
    background: @noti-bg;
    border: 1px solid red;
    box-shadow: none;
    border-radius: 7px
}

.widget-inhibitors>button:hover {
    background: @noti-bg-hover
} */