From c95e60cd44399ffc3b74da0639cd39d8a189a862 Mon Sep 17 00:00:00 2001 From: S4NKALP Date: Sat, 4 May 2024 16:25:35 +0545 Subject: [PATCH] updates --- config/hypr/UserConfigs/ENVariables.conf | 1 + config/hypr/hyprlock.conf | 169 ++++++------ config/swaync/style.css | 321 ++++++----------------- 3 files changed, 166 insertions(+), 325 deletions(-) diff --git a/config/hypr/UserConfigs/ENVariables.conf b/config/hypr/UserConfigs/ENVariables.conf index 3ef5c21c..d5ca0273 100644 --- a/config/hypr/UserConfigs/ENVariables.conf +++ b/config/hypr/UserConfigs/ENVariables.conf @@ -4,6 +4,7 @@ env = GDK_BACKEND,wayland,x11 env = QT_AUTO_SCREEN_SCALE_FACTOR,1 env = QT_QPA_PLATFORM,wayland;xcb env = QT_QPA_PLATFORMTHEME,qt5ct +env = QT_QPA_PLATFORMTHEME,qt6ct env = QT_SCALE_FACTOR,1 env = QT_WAYLAND_DISABLE_WINDOWDECORATION,1 env = XDG_CURRENT_DESKTOP,Hyprland diff --git a/config/hypr/hyprlock.conf b/config/hypr/hyprlock.conf index dbe39782..f9241ab5 100644 --- a/config/hypr/hyprlock.conf +++ b/config/hypr/hyprlock.conf @@ -1,110 +1,121 @@ -general { - grace = 0 -} - background { monitor = - path = # only png supported for now - color = #6272a4 - - # all these options are taken from hyprland, see https://wiki.hyprland.org/Configuring/Variables/#blur for explanations - blur_size = 4 - blur_passes = 3 # 0 disables blurring + path = screenshot + color = rgba(25, 20, 20, 1.0) + blur_passes = 3 + blur_size = 7 noise = 0.0117 - contrast = 1.3000 # Vibrant!!! - brightness = 0.8000 - vibrancy = 0.2100 + contrast = 0.8916 + brightness = 0.8172 + vibrancy = 0.1696 vibrancy_darkness = 0.0 } -input-field { +image { monitor = - size = 250, 50 - outline_thickness = 3 - dots_size = 0.33 # Scale of input-field height, 0.2 - 0.8 - dots_spacing = 0.15 # Scale of dots' absolute size, 0.0 - 1.0 - dots_center = true - outer_color = #8be9fd - inner_color = #ffb86c - font_color = #bd93f9 - fade_on_empty = true - placeholder_text = Password... # Text rendered in the input box when it's empty. - hide_input = false - - position = 0, 100 - halign = center - valign = bottom -} - -# Date -label { - monitor = - text = cmd[update:18000000] echo " "$(date +'%A, %-d %B %Y')" " - color = #bd93f9 - font_size = 34 - font_family = JetBrains Mono Nerd Font 10 - - position = 0, -100 - halign = center - valign = top -} - -# Week -label { - monitor = - text = cmd[update:18000000] echo " "$(date +'Week %U')" " - color = #bd93f9 - font_size = 24 - font_family = JetBrains Mono Nerd Font 10 - - position = 0, -150 - halign = center - valign = top -} - -# Time -label { - monitor = - text = cmd[update:1000] echo " $(date +"%I:%M:%S %p") " - color = #bd93f9 - font_size = 94 - font_family = JetBrains Mono Nerd Font 10 - - position = 0, 0 + path = ~/.face + size = 300 + border_size = 0 + rounding = -1 + border = 0 + rotate = 0 + reload_time = -1 + position = 0, 200 halign = center valign = center } label { monitor = - text =  $USER + text = Don't Interfere + text_align = center color = #bd93f9 - font_size = 18 - font_family = Inter Display Medium - - position = 0, 200 + font_size = 25 + font_family = Jetbrains Mono + rotate = 0 + position = 0, -200 halign = center - valign = bottom + valign = center } + +label { + monitor = + text = cmd[update:1000] echo " $(date +"%I:%M:%S %p") " + text_align = center + color = #bd93f9 + font_size = 25 + font_family = Jetbrains Mono + rotate = 0 + position = 0, 450 + halign = center + valign = center +} + + +label { + monitor = + text = cmd[update:3600000] curl -s 'wttr.in/Kohalpur?format=2' + color = #bd93f9 + font_size = 24 + font_family = Jetbrains Mono + position = 50, 0 + halign = left + valign = bottom + +} + + label { monitor = text = cmd[update:60000] echo " "$(uptime -p)" " color = #bd93f9 font_size = 24 - font_family = JetBrains Mono Nerd Font 10 + font_family = Jetbrains Mono position = 0, 0 halign = right valign = bottom } + label { monitor = - text = cmd[update:3600000] curl -s 'wttr.in?format=2' # For specific location : wttr.in/Kohalpur?format=2 + text = cmd[update:18000000] echo " "$(date +'%A, %-d %B %Y')" " color = #bd93f9 - font_size = 24 - font_family = JetBrains Mono Nerd Font 10 - position = 50, 0 - halign = left - valign = bottom + font_size = 23 + font_family = Jetbrains Mono + position = 0, 390 + halign = center + valign = center +} + +input-field { + monitor = + size = 200, 50 + outline_thickness = 3 + dots_size = 0.33 + dots_spacing = 0.15 + dots_center = false + dots_rounding = -1 + outer_color = #bd93f9 + inner_color = #ffb86c + font_color = #bd93f9 + fade_on_empty = true + fade_timeout = 1000 + placeholder_text = Input Password... + hide_input = false + rounding = -1 + check_color = rgb(204, 136, 34) + fail_color = rgb(204, 34, 34) + fail_text = $FAIL ($ATTEMPTS) + fail_transition = 300 + capslock_color = -1 + numlock_color = -1 + bothlock_color = -1 + invert_numlock = false + swap_font_color = false + + position = 0, -20 + halign = center + valign = center } diff --git a/config/swaync/style.css b/config/swaync/style.css index 06004d74..e0730c40 100644 --- a/config/swaync/style.css +++ b/config/swaync/style.css @@ -1,167 +1,87 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ - - -@define-color noti-border-color #44475a; -@define-color noti-bg rgba(0, 0, 0, 0.8); -@define-color noti-bg-alt #282a36; -@define-color noti-bg-hover #6272a4; -@define-color text-color rgb(159, 168, 218); -@define-color text-color-alt rgb(92, 107, 192); -@define-color text-color-disabled rgba(150, 150, 150, 0.8); +@define-color bgc rgba(0, 0, 0, 0.8); +@define-color borderc #44475a; +@define-color textc rgb(159, 168, 218); * { - font-family: FiraCode; - font-weight: Bolder; + font-family: JetBrains Mono; + font-weight: bold; + font-size: 14px } .control-center .notification-row:focus, .control-center .notification-row:hover { opacity: 1; - background: @noti-bg; - border-radius: 10px + background: rgba(0, 0, 0, 0.8) } .notification-row { outline: none; margin: 0px; + padding: 0; } .notification { - border-radius: 10px; -} - -.notification-content{ - color: @text-color; - background: @noti-bg; - padding: 3px 10px 3px 6px; - border-radius: 10px; - border: 2px solid @noti-border-color; margin: 0px; + border-radius: 10px; } -.notification-default-action { +.notification-content { + background: @textc; + padding: 7px; margin: 0; - padding: 0; - border-radius: 10px; } .close-button { - background: #5C6BC0; - color: @noti-bg; + background: @textc; + color: @bgc; text-shadow: none; padding: 0; - border-radius: 10px; - margin-top: 15px; - margin-right: 15px; + border-radius: 20px; + margin-top: 5px; + margin-right: 5px; } .close-button:hover { box-shadow: none; - background: #f7768e; + background: @bgc; + color: @textc; transition: all .15s ease-in-out; border: none } - .notification-action { - border: 2px solid @noti-border-color; + color: @textc; border-top: none; - border-radius: 10px; + border-radius: 0px 0px 20px 20px; + background: @bgc; } - .notification-default-action:hover, .notification-action:hover { - color: @text-color; - background: @color1 -} - -.notification-default-action { - border-radius: 10px; - margin: 5px; -} - -.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: @noti-bg; - color: @text-color; - caret-color: @text-color; - border: 1px solid @noti-border-color; - border-radius: 10px -} - -.inline-reply-button { - font-size: 0.5rem; - margin-left: 4px; - background: @noti-bg; - border: 1px solid @noti-border-color; - border-radius: 10px; - 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; - color: @text-color-alt; - border-radius: 10px + color: @bgc; + background: @textc; } .summary { - font-size: 1rem; - font-weight: 200; - background: transparent; - color: @text-color-alt; - text-shadow: none + padding-top: 7px; + font-size: 13px; + color: @bgc; } .time { - font-size: 1rem; - font-weight: 200; - background: transparent; - color: @text-color; - text-shadow: none; - margin-right: 18px + font-size: 11px; + color: @bgc; + margin-right: 24px } .body { - font-size: 1rem; - font-weight: 200; - background: transparent; - color: @text-color; - text-shadow: none + font-size: 12px; + color: @bgc; } .control-center { - background: @noti-bg; - border: 2px solid @noti-border-color; + background-color: @bgc; border-radius: 10px; } @@ -170,11 +90,11 @@ } .control-center-list-placeholder { - opacity: 0.5 + opacity: .5 } .floating-notifications { - background: transparent; + background: transparent } .blank-window { @@ -182,175 +102,84 @@ } .widget-title { - color: @noti-border-color; - background: @noti-bg-alt; - padding: 3px 6px; - margin: 5px; - font-size: 1rem; + color: @textc; + background: @bgc; + padding: 10px 10px; + margin: 10px 10px 5px 10px; + font-size: 1.5rem; + border-radius: 10px; +} + +.widget-volume { + border: 3px solid @borderc; border-radius: 10px; - border: 1px solid @noti-border-color; } .widget-title>button { - font-size: 0.75rem; - color: @text-color; + font-size: 1rem; + color: @textc; + padding: 10px; + text-shadow: none; + background: @bgc; + box-shadow: none; border-radius: 10px; - background: transparent; - border: 1px solid @noti-border-color; } .widget-title>button:hover { - background: #7aa2f7; - color: #000000; + background: @textc; + color: @bgc; } .widget-dnd { - background: @noti-bg-alt; - padding: 3px 6px; - margin: 5px; - border-radius: 10px; - font-size: 1rem; - color: @noti-border-color; + background: @bgc; + padding: 10px 10px; + margin: 10px 10px 10px 10px; + border-radius: 20px; + font-size: large; + color: @textc; } .widget-dnd>switch { - border-radius: 10px; - border: 1px solid #7aa2f7; - background: @noti-border-color; + border-radius: 20px; + background: @textc; } .widget-dnd>switch:checked { - background: #f7768e; - border: 1px solid #f7768e; + background: #d79921; } .widget-dnd>switch slider { - background: @noti-bg; + background: @bgc; border-radius: 10px } .widget-dnd>switch:checked slider { - background: @noti-bg; + background: @bgc; border-radius: 10px } -.widget-mpris { - color: #ee9bfd; - background: @noti-bg-alt; - padding: 3px 6px; - margin: 5px; - border-radius: 10px; - border: 1px solid @noti-border-color; -} - -.widget-mpris > box > button { - border-radius: 10px; - border: 1px solid @noti-border-color; -} - -.widget-mpris-player { - padding: 3px 6px; - margin: 5px; -} - -.widget-mpris-title { - font-weight: 100; - font-size: 1rem - -} - -.widget-mpris-subtitle { - font-size: 0.75rem -} - .widget-label { - margin: 5px; + margin: 10px 10px 10px 10px; } .widget-label>label { font-size: 1rem; - color: @text-color; + color: @textc; } -.widget-buttons-grid { - font-size: large; - color: @noti-border-color; - padding: 2px; - margin: 5px; +.widget-mpris { + background: #3c3836; + color: @textc; + padding: 5px 5px 5px 5px; + margin: 10px; border-radius: 10px; - background: @noti-bg-alt; - border: 1px solid @noti-border-color; } -.widget-buttons-grid>flowbox>flowboxchild>button { - margin: 1px; - background: @noti-bg; +.widget-mpris > box > button { border-radius: 10px; - color: @text-color; - border: 1px solid @noti-border-color; } -.widget-buttons-grid>flowbox>flowboxchild>button:hover { - background: rgba(122, 162, 247, 0.1); - color: @text-color-alt; - border: 1px solid @noti-border-color; -} - -.widget-menubar>box>.menu-button-bar>button { - border: none; - background: transparent -} - -.topbar-buttons>button { - border: none; - background: transparent -} - -.widget-volume { - background: @noti-bg-alt; - padding: 2px; - margin: 10px 10px 5px 10px; - border-radius: 10px; - 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: 10px; - color: @text-color -} - -.widget-backlight { - background: @noti-bg-alt; - padding: 5px; - margin: 10px 10px 5px 10px; - border-radius: 10px; - font-size: x-large; - color: @text-color -} - -.low { - background: @text-color; - padding: 0px; - border-radius: 10px; -} - -.normal { - background: @text-color; - padding: 0px; - border-radius: 10px; -} - -.critical { - background: red; - padding: 0px; - border-radius: 10px; +.widget-mpris-player { + padding: 5px 5px; + margin: 10px }