From dc9f0cd58454b4cb33a704b11e4cc8a7c6594e67 Mon Sep 17 00:00:00 2001 From: Kiran George Date: Wed, 24 Apr 2024 22:19:05 +0530 Subject: Added ags overview widget Updated search iscon for overview search result suggested action Removed excluded site from overview web search Updated calculator icon for overview Updated overview search action icon spacing Added initial pywal integration to overview search and updated seach icon --- config/ags/user/style.css | 190 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 190 insertions(+) create mode 100644 config/ags/user/style.css (limited to 'config/ags/user/style.css') 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 */ -- cgit v1.2.3 From 6f5cd04f60601be888c09581210deba091f8949a Mon Sep 17 00:00:00 2001 From: Kiran George Date: Sat, 4 May 2024 14:16:12 +0530 Subject: Improved colour scheme for light and dark wallpapers in overview search and added blur --- config/ags/user/style.css | 26 ++++++++++++++------------ config/hypr/UserConfigs/WindowRules.conf | 3 +++ 2 files changed, 17 insertions(+), 12 deletions(-) (limited to 'config/ags/user/style.css') diff --git a/config/ags/user/style.css b/config/ags/user/style.css index 7941573d..b1496687 100644 --- a/config/ags/user/style.css +++ b/config/ags/user/style.css @@ -23,16 +23,16 @@ widget { 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); + /* 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: alpha(@color0, 0.5); - /* color: #EBDFED; */ color: alpha(@color7, 0.9); caret-color: transparent; + font-weight: bold; } .overview-search-box selection { background-color: #DEBCDF; @@ -45,7 +45,6 @@ widget { } .overview-search-prompt { - /* color: #988D9D; */ color: alpha(@color7, 0.9); } @@ -70,12 +69,13 @@ widget { border-left: 1px solid @color7; border-right: 1px solid @color7; border-bottom: 1px solid @color7; - box-shadow: 0px 2px 3px @color8; + box-shadow: 0px 2px 3px @color9; margin: 0.476rem; min-width: 28.773rem; padding: 0.682rem; - background-color: @color2; - color: #EBDFED; + background-color: alpha(@color2, 0.5); + color: alpha(@color7, 1.5); + font-weight: bold; } .overview-search-results-icon { @@ -106,11 +106,13 @@ widget { .overview-search-result-btn:hover, .overview-search-result-btn:focus { - background-color: #2E2832; + background-color: alpha(@color7, 0.4); + color: alpha(@color0, 0.7); } .overview-search-result-btn:active { - background-color: #39323D; + background-color: alpha(@color7, 0.4); + color: @color4; } .overview-tasks { @@ -124,7 +126,7 @@ widget { margin: 0.476rem; padding: 0.341rem; /* background-color: rgba(49, 50, 68, 0.8); */ - background-color: alpha(@color9, 0.4); + background-color: alpha(@color0, 0.6); color: #EBDFED; } @@ -157,15 +159,15 @@ widget { .overview-tasks-window:hover, .overview-tasks-window:focus { - background-color: @color9; + background-color: alpha(@color9, 0.8); } .overview-tasks-window:active { - background-color: @color9; + background-color: alpha(@color9, 0.8); } .overview-tasks-window-selected { - background-color: @color9; + background-color: alpha(@color9, 0.8); } .overview-tasks-window-dragging { diff --git a/config/hypr/UserConfigs/WindowRules.conf b/config/hypr/UserConfigs/WindowRules.conf index 38d41222..0d870443 100644 --- a/config/hypr/UserConfigs/WindowRules.conf +++ b/config/hypr/UserConfigs/WindowRules.conf @@ -83,6 +83,9 @@ windowrulev2 = opacity 0.9 0.8, class:^(seahorse)$ # gnome-keyring gui #layerrule = blur,class:^([Rr]ofi)$ #layerrule = ignorezero, +layerrule = ignorezero, overview +layerrule = blur, overview + #windowrulev2 = bordercolor rgb(EE4B55) rgb(880808), fullscreen:1 #windowrulev2 = bordercolor rgb(282737) rgb(1E1D2D), floating:1 #windowrulev2 = opacity 0.8 0.8, pinned:1 -- cgit v1.2.3