Merge pull request #231 from SherLock707/dev_overview

Added ags overview widget

1 files changed, 190 insertions, 0 deletions

diff --git a/config/ags/user/style.css b/config/ags/user/style.css
new file mode 100644
index 00000000..7941573d
--- /dev/null
+++ b/config/ags/user/style.css
@@ -0,0 +1,190 @@
+*:not(popover) {
+  all: unset;
+}
+
+@import '../../../.cache/wal/colors-waybar.css';
+/* @import '../../../.cache/wal/colors-waybar-rgba.css'; */
+
+
+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 @color7;
+  border-left: 1px solid @color7;
+  border-right: 1px solid @color7;
+  border-bottom: 1px solid @color7;
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
+  margin: 0.476rem;
+  min-width: 13.636rem;
+  min-height: 3.409rem;
+  padding: 0rem 1.364rem;
+  padding-right: 2.864rem;
+  background-color: alpha(@color0, 0.5);
+  /* color: #EBDFED; */
+  color: alpha(@color7, 0.9);
+  caret-color: transparent;
+}
+.overview-search-box selection {
+  background-color: #DEBCDF;
+  color: #402843;
+}
+
+.overview-search-box-extended {
+  min-width: 25.909rem;
+  caret-color: #FDD9FD;
+}
+
+.overview-search-prompt {
+  /* color: #988D9D; */
+  color: alpha(@color7, 0.9);
+}
+
+.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 @color7;
+  border-left: 1px solid @color7;
+  border-right: 1px solid @color7;
+  border-bottom: 1px solid @color7;
+  box-shadow: 0px 2px 3px @color8;
+  margin: 0.476rem;
+  min-width: 28.773rem;
+  padding: 0.682rem;
+  background-color: @color2;
+  color: #EBDFED;
+}
+
+.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: #2E2832;
+}
+
+.overview-search-result-btn:active {
+  background-color: #39323D;
+}
+
+.overview-tasks {
+  border-radius: 1.705rem;
+  -gtk-outline-radius: 1.705rem;
+  border-top: 1px solid @color7;
+  border-left: 1px solid @color7;
+  border-right: 1px solid @color7;
+  border-bottom: 1px solid @color7;
+  box-shadow: 0px 2px 3px @color5;
+  margin: 0.476rem;
+  padding: 0.341rem;
+  /* background-color: rgba(49, 50, 68, 0.8); */
+  background-color: alpha(@color9, 0.4);
+  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: @color9;
+}
+
+.overview-tasks-window:active {
+  background-color: @color9;
+}
+
+.overview-tasks-window-selected {
+  background-color: @color9;
+}
+
+.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 */