Hyprland-Dots/config/ags/user/style.css

*:not(popover) {
  all: unset;
}

@import '../../../.config/waybar/wallust/colors-waybar.css';

/* define some colors */
@define-color border-color @color12;
@define-color border-color-alt @color7;
@define-color text-color rgba(255, 255, 255, 0.7);
@define-color noti-bg rgba(0, 0, 0, 0.4);
@define-color noti-bg-alt #111111;

widget {
  border-radius: 0.818rem;
  -gtk-outline-radius: 0.818rem;
}

.overview-window {
  margin-top: 2.727rem;
}

.overview-search-box {
  transition: 300ms cubic-bezier(0, 0.55, 0.45, 1);
  border-radius: 1.705rem;
  -gtk-outline-radius: 1.705rem;
  border-top: 1px solid @border-color;
  border-left: 1px solid @border-color-alt;
  border-right: 1px solid @border-color-alt;
  border-bottom: 1px solid @border-color;
  /* box-shadow: 0px 2px 3px alpha(@color0, 0.45); */
  margin: 0.476rem;
  min-width: 13.636rem;
  min-height: 3.409rem;
  padding: 0rem 1.364rem;
  padding-right: 2.864rem;
  background-color: @noti-bg;
  color: @text-color;
  caret-color: inherit;
  font-weight: bolder;
}
.overview-search-box selection {
  background-color: @noti-bg;
  color: @text-color;
}

.overview-search-box-extended {
  min-width: 25.909rem;
  caret-color: #FDD9FD;
}

.overview-search-prompt {
  color: @text-color;
}

.overview-search-icon {
  margin: 0rem 1.023rem;
}

.overview-search-prompt-box {
  margin-left: -18.545rem;
  margin-right: 0.544rem;
}

.overview-search-icon-box {
  margin-left: -18.545rem;
  margin-right: 0.544rem;
}

.overview-search-results {
  border-radius: 1.705rem;
  -gtk-outline-radius: 1.705rem;
  border-top: 1px solid @border-color;
  border-left: 1px solid @border-color-alt;
  border-right: 1px solid @border-color-alt;
  border-bottom: 1px solid @border-color;
  box-shadow: 0px 2px 3px @color9;
  margin: 0.476rem;
  min-width: 28.773rem;
  padding: 0.682rem;
  background-color: @noti-bg;
  color: @text-color;
  font-weight: bold;
}

.overview-search-results-icon {
  margin: 0rem 0.682rem;
  font-size: 2.386rem;
  min-width: 2.386rem;
  min-height: 2.386rem;
}

.overview-search-results-txt {
  margin-right: 0.682rem;
}

.overview-search-results-txt-cmd {
  margin-right: 0.682rem;
  font-family: "JetBrains Mono NF", "JetBrains Mono Nerd Font", "JetBrains Mono NL", "SpaceMono NF", "SpaceMono Nerd Font", monospace;
  font-size: 1.227rem;
}

.overview-search-result-btn {
  border-radius: 1.159rem;
  -gtk-outline-radius: 1.159rem;
  padding: 0.341rem;
  min-width: 2.386rem;
  min-height: 2.386rem;
  caret-color: transparent;
}

.overview-search-result-btn:hover,
.overview-search-result-btn:focus {
  background-color: alpha(@color7, 0.9);
  color: alpha(@color0, 0.7);
}

.overview-search-result-btn:active {
  background-color: alpha(@color7, 0.9);
  color: @color4;
}

.overview-tasks {
  border-radius: 1.705rem;
  -gtk-outline-radius: 1.705rem;
  border-top: 1px solid @border-color;
  border-left: 1px solid @border-color-alt;
  border-right: 1px solid @border-color-alt;
  border-bottom: 1px solid @border-color;
  box-shadow: 0px 2px 3px @color5;
  margin: 0.476rem;
  padding: 0.341rem;
  /* background-color: rgba(49, 50, 68, 0.8); */
  background-color: @noti-bg;
  color: #EBDFED;
}

.overview-tasks-workspace {
  border-radius: 1.159rem;
  -gtk-outline-radius: 1.159rem;
  margin: 0.341rem;
  /* background-color: #26233A; */
  background-image: url('../../rofi/.current_wallpaper');
  background-size: cover;
  background-position: center;
  border: 0.068rem solid alpha(@color4, 0.5);
}

.overview-tasks-workspace-number {
  font-family: "Open Sans", "Noto Sans", sans-serif;
  color: #CFC2D3;
}

.overview-tasks-window {
  border-radius: 1.159rem;
  -gtk-outline-radius: 1.159rem;
  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
  background-color: alpha(@color3, .7);
  /* background-color: @color_a3; */
  /* background-color: rgba(46, 40, 50, 0.8); */
  color: #EBDFED;
  border: 0.068rem solid @color7;
}

.overview-tasks-window:hover,
.overview-tasks-window:focus {
  background-color: alpha(@color9, 0.8);
}

.overview-tasks-window:active {
  background-color: alpha(@color9, 0.8);
}

.overview-tasks-window-selected {
  background-color: alpha(@color9, 0.8);
}

.overview-tasks-window-dragging {
  opacity: 0.2;
}

.growingRadial {
  transition: 300ms cubic-bezier(0.2, 0, 0, 1);
}

.fadingRadial {
  transition: 50ms cubic-bezier(0.2, 0, 0, 1);
}

.sidebar-pinned {
  margin: 0rem;
  border-radius: 0rem;
  border-bottom-right-radius: 1.705rem;
  border: 0rem solid;
}

/*# sourceMappingURL=style.css.map */